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

u010895040

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

阅读量6.1k

点赞数 1

CC 4.0 BY-SA版权

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

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

本文链接：https://blog.youkuaiyun.com/u010895040/article/details/124012506

nginx 同时被 3 个专栏收录

1 篇文章

订阅专栏

vue

1 篇文章

订阅专栏

跨域

1 篇文章

订阅专栏

本文介绍了如何通过Nginx配置解决API接口的跨域问题，重点在于在location块中添加Access-Control-Allow-Origin、Access-Control-Allow-Methods、Access-Control-Allow-Headers等关键HTTP响应头，确保允许特定的跨域请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题如标题

解决方法：

接口域名，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';

    #...

}