线上部署跨域问题

Question

老师你好，我 npm run build 之后把dist 放到nginx里面，出现了跨域问题


dist 的nginx 配置如下

服务器的nginx配置如下

之前没有添加红色部分get 也会有问题，添加之后只有post出现问题



尝试了很多方法，都不成功，希望老师解答一下

Answer 1

棒棒糖__ 2020-08-29 14:35:02

if ($request_method = 'OPTIONS') {

        add_header Access-Control-Allow-Origin *;

        add_header Access-Control-Allow-Methods GET,POST,PUT,DELETE,PATCH,OPTIONS;

        return 200;

}

加上这个吧，通过预检请求

详细可以看这个https://www.jianshu.com/p/5cf82f092201?tdsourcetag=s_pctim_aiomsg

• 提问者 qq_treasure_133628153 #1

  好的，我去试试

• 提问者 qq_treasure_133628153 #2

  非常感谢！

Answer 2

溪语吖 2022-05-05 14:38:11

我本地可以访问线上的接口，但是我把dist包放到线上就跟你报一样的错误。好几天了，排除了好多选项，依然没有解决。我连一楼说的那个方法都加了，还是没用，ε=(´ο｀*)))唉，真是一个天大的坑

Answer 3

提问者 qq_treasure_133628153 2020-08-29 01:00:18

用postman测试这个post接口完全没有问题