部署在线上，出现跨域问题

来源：9-3 项目部署

qq_空之若蓝_0

2021-08-17

您好，老师。我终于把代码撸完了，本地跑都完全没问题，但部署在服务器上就报跨域错误了。试了半天还是不行，请问问题出在哪里呢？

我后面在nginx配置里加上

add_header 'Access-Control-Allow-Origin' $http_origin;

add_header 'Access-Control-Allow-Credentials' 'true';

add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';

还是不行。

项目里的代码截图如下：

写回答

3回答

ustbhuangyi

2021-08-19

//img.mukewang.com/szimg/611ded7c0985743a33401720.jpg
确实没问题啊

ustbhuangyi

你把 cookie 什么的清空试试

2021-08-19

共2条回复

ustbhuangyi

2021-08-17

//img.mukewang.com/szimg/611b6c5c097ed2da10221650.jpg
理论上你那个并没有跨域呀

qq_空之若蓝_0

ustbhuangyi

访问您的可以。我买的阿里云。老师，我让我湖北的同学也访问我的网站，他也不行呀，一直加载。我就觉得很神奇，为什么只有您和您粉丝群里的人就能成功访问我的网站。我看了控制台，确实有个如下的网络报错。然后我直接把你的源码部署到我的服务器上，把域名改成我的，结果还是报跨域和网络错误。我实在不晓得这个到底哪里出问题了 Error: Network Error at t.exports (chunk-vendors.9a7dbdd0.js:30) at XMLHttpRequest.h.onerror (chunk-vendors.9a7dbdd0.js:50) Access to XMLHttpRequest at 'http://martin666.fun/music-next/api/getRecommend' from origin 'http://www.martin666.fun' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

2021-08-19

共7条回复

ustbhuangyi

2021-08-17

http://martin666.fun/music-next/#/recommend
我访问的你站点没问题啊

qq_空之若蓝_0

这么神奇吗，老师，不可能呀，麻烦您再看看呢。我让我同学也试了试，都不行呢，header界面能渲染出来，但是访问不到接口，下面就没有数据哟，只有个一直加载的loading在那里转。

2021-08-17

共1条回复

Vue3开发企业级音乐Web App 明星讲师带你学大厂代码

慕课网明星讲师黄轶深度讲解 Vue3.0 ，提升的不止是Vue代码能力

2223 学习 · 1002 问题