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

本文详细介绍了在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" ); //可以访问此域的脚本方法类型
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值