vue项目中，接口状态值status是0 vue axios 报错 network error

u010895040

已于 2022-04-07 12:32:43 修改

阅读量5.6k

点赞数

分类专栏： nginx vue 跨域文章标签： vue.js 前端 nginx

于 2022-04-07 12:27:39 首次发布

本文链接：https://blog.csdn.net/u010895040/article/details/124012506

版权

Nginx 跨域 Access-Control-Allow-Origin 配置接口

关键词由CSDN通过智能技术生成

nginx 同时被 3 个专栏收录

1 篇文章 0 订阅

订阅专栏

vue

1 篇文章 0 订阅

订阅专栏

跨域

1 篇文章 0 订阅

订阅专栏

问题如标题

解决方法：

接口域名，header头问题，跨域问题，nginx配置添加header信息，由于nginx配置了 location 匹配url部分字符串，所以添加header信息必须在 location /xxx/{...} 里

location /xxx/{
    #...
    add_header 'Access-Control-Allow-Origin' '*';
    add_header 'Access-Control-Allow-Credentials' 'true';
    add_header 'Access-Control-Allow-Methods' 'GET, POST, DELETE, OPTIONS, PUT';
    add_header 'Access-Control-Allow-Headers' 'Keep-Alive,User-Agent,X-Requested-With,Cache-Control,Cookie,X-CSRF-TOKEN,Accept,Authorization,Content-Type,api-token,language,Origin,Api-Token,token';

    #...

}