vue项目上线后，跨域问题

Question

问题描述

vue2仿qq音乐项目，打包上线后，代理跨域出现问题，部分数据无法请求

问题出现的环境背景及自己尝试过哪些方法

服务器端为nginx环境，网上也参考了许多，仍然没有解决

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

如图为宝塔面板nginx代理配置信息

这是上线后的状态

这是本地测试状态

本地开发环境下的代理请求都放在before里

你期待的结果是什么？实际看到的错误信息又是什么？

服务器端nginx怎么配啊，各位看官帮帮忙

Answer 1

参考代理微信头像

location ^~ /wechat_avatar/ {
    add_header 'Access-Control-Allow-Origin' "$http_origin" always;
    add_header 'Access-Control-Allow-Credentials' 'true' always;
    add_header 'Access-Control-Allow-Methods' 'GET, OPTIONS' always;
    add_header 'Access-Control-Allow-Headers' 'Accept,Authorization,Cache-Control,Content-Type,DNT,If-Modified-   Since,Keep-Alive,Origin,User-Agent,X-Requested-With' always;
    proxy_pass http://thirdwx.qlogo.cn/;
}