[求助] vue 项目 vercel 部署求助

[mbeoliero123]

各位佬有用过 vercel 部署吗 根据官方文档： https://vercel.com/guides/how-to-enable-cors 在项目根路径下加了 vercel.json 重新部署后，请求后端（ http://ip:port/）的 api request 没有加上跨域的 header 难道是因为我请求的是 ip ？

[Track13]

你好像完全不了解跨域。响应头是添加在被请求的哪一方上面。

[knightgao2]

问问 AI 吧，槽点太多

[JustGoGoGO]

先试着看看相关技术资料？
跨源资源共享（ CORS ）| MDN Web Docs
https://developer.mozilla.org/zh-CN/docs/Web/HTTP/CORS

[mbeoliero123]

@Track13 #1 后端返回加上了跨域的 response header ，但是请求压根没到后端

[Track13]

@mbeoliero123 那你把地址发出来看看。

[shintendo]

@mbeoliero123 跨域又不拦你发送

[mbeoliero123]

@Track13 #5
@shintendo #6 看起来不是跨域的问题，应该是不让访问 http 请求，必须要是 https 的
Mixed Content: The page at 'https://player-admin-mbeoliero-mbeolieros-projects.vercel.app/login?redirect=%2F%3FvercelToolbarCode%3D6td6IaUwnjo7BNb' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://124.220.21.162:8888/admin/login'. This request has been blocked; the content must be served over HTTPS.

[epiloguess]

你用 firefox 把 about:config 的 block_active_content 关掉试试

[cat]

你部署在 vercel 上然后直接请求 IP ？？？还是 8888 端口？？？

[mbeoliero123]

@cat #9 是的，哥，没有域名，只能通过 ip 请求了😂

[cat]

@mbeoliero123 谁告诉你 vercel 允许你通过 IP 请求的，谁告诉你还可以自定义端口号的，再说了 vercel 不是有分配 *.vercel.app 的域名么，你这都不知道从哪吐槽起

[renmu]

https 不让访问 http 接口，关掉浏览器的不安全访问

[mbeoliero123]

@cat #11 意思是后端也部署到 vercel ？数据库怎么办，抱歉第一次用 vercel

[cat]

@mbeoliero123 等等，好像喷错了。

你是前端部分部署在 vercel ，后端在别的地方？那是因为 vercel 部署的网站都是 https ，你页面上要请求后端的接口也得走 https

你可以在 vercel 上部署一个后端接口，前端去请求这个接口、这个接口再把请求转发到你原本的后端服务器，这样既解决了 https 的问题，也解决了跨域的问题

[mbeoliero123]

@renmu #12 这里应该是 vercel 不让访问 http 吧，跟本地的浏览器设置应该没关系

[cat]

@mbeoliero123 https 的页面不能请求 http 接口，这是浏览器的限制，而 vercel 是强制 https 的，所以都有关系

[mbeoliero123]

@cat #16 OK ，感谢大佬，我研究下怎么用 vercel 部署后端接口

[cat]

@mbeoliero123 如果你是纯前端的 vue 项目会比较麻烦，如果是 nuxt 就非常简单了

[okakuyang]

一看就是 https 请求 http ，请求还在浏览器，都没发出去

[thoo61871]

最省事的，Serverless Functions 来创建一个代理 API ，将请求转发给你这个后端接口就好了。