这两天在自学SSM和React框架,想着整合一下,碰到了几个配置上的问题折腾了蛮久,简单记录一下以防日后又忘记。
1. React框架下跨域访问中Content-Type问题
服务器端关于CORS的配置基本参照https://www.cnblogs.com/mydotnetforyou/p/7839923.html。感谢。
在尝试跨域访问时一开始我也是使用上文中FormData这种传输格式,但服务器端一直无法获取到数据。
之后尝试使用"userid=****&userpwd=****",依旧无法获得,加上
headers: {
'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
},
后成功。参照这个联想到将Content-Type更改为“multipart/form-data”,失败。
之后阅读到https://segmentfault.com/a/1190000010205162(的评论),才想起来关于关于格式的设置可能和框架有关,
这里直接给出结论
在React框架下要使用CORS传输类似FormData类型数据,应该使用
let formData = new URLSearchParams()
formData.set('userid', id)
formData.set('userpwd', pwd)
类型,并且不(用)设置headers参数。