vue Axios 跨域和params为null的解决方案（后台为Java）

最新推荐文章于 2024-08-02 00:06:36 发布

彩笔_小qing

最新推荐文章于 2024-08-02 00:06:36 发布

阅读量5.8k

点赞数 1

分类专栏： Vuejs 文章标签： axios跨域 axios参数null axios post vue

本文链接：https://blog.csdn.net/qq_31164127/article/details/80117868

版权

本文详细介绍了在Vue项目中使用Axios遇到的跨域和POST参数为null的解决方案。首先，针对跨域问题，分别从后台设置、Vue配置和浏览器设置三个方面进行了解决方法的阐述。其次，对于Axios POST请求参数为null的情况，通过代码示例展示了如何正确传递JSON格式的参数，确保后端能正常接收。同时提到了axios默认发送数据的格式问题，需要使用qs模块来处理成Form Data格式。

摘要由CSDN通过智能技术生成

Axios:
1. 跨域：
GET请求不赘述，如下设置后台允许跨域便可使用
POST请求时，被转换为 OPTIONS，并且出现403 forbidden
2. 传参为null

一、跨域问题的解决

1. 后台设置

response.setHeader( "Access-Control-Allow-Headers","Origin, X-Requested-With, Content-Type, Accept");
//response.addHeader( "Access-Control-Allow-Origin", "*" ); //可以访问此域资源的域。*为所有
response.setHeader("Access-Control-Allow-Origin","http://localhost:8080");
response.addHeader( "Access-Control-Allow-Methods", "POST,OPTIONS,GET" ); //可以访问此域的脚本方法类型