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

Question

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

我后面在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';

还是不行。

项目里的代码截图如下：

Answer 1

ustbhuangyi 2021-08-19 13:34:57

确实没问题啊

• 提问者 qq_空之若蓝_0 #1

  老师，我刚又试了试，勉强算是好了。发现在chrome的访客模式下就可以正常访问，普通模式就不行。这是为什么呢？

• ustbhuangyi #2

  你把 cookie 什么的清空试试

Answer 2

ustbhuangyi 2021-08-17 15:59:36

理论上你那个并没有跨域呀

• 提问者 qq_空之若蓝_0 #1

  对呀，我也感觉没有跨域哟，为啥会报这些错。我这里就是如问题里第一张图所示，而且我让我几个同学都试了，全都不行，都是正在加载，获取不到数据。就只有老师您这里行，可真的是太玄学了，难道你那里有啥缓存或着什么代理之类的，这就很迷。要不，您让您朋友试试能正常打开吗？

• ustbhuangyi 回复 提问者 qq_空之若蓝_0 #2

  我手机扫二维码也可以，使用 4G，是不是你们学校的网络有问题啊，你试试手机扫码，用4G

• 提问者 qq_空之若蓝_0 回复 ustbhuangyi #3

  我用手机开成4g，然后把连接生成二维码，扫了，还是不行。而且我刚让我在公司实习的同学也打开这个试试，他也不行。应该不是网络的问题。可能只有老师的设备能看吧，感觉您换个人的手机来就不行了。

点开查看后面4条评论

Answer 3

ustbhuangyi 2021-08-17 13:40:09

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

• 提问者 qq_空之若蓝_0 #1

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