问题描述:
不允许跨域访问
![](https://img.haomeiwen.com/i3276385/a84ebacc67df4357.png)
使用
create-react-app
创建的应用,访问其他服务器时无法获取资源
解决方案:
应用中直接加载本服务器资源,在服务器端配置代理,在 package.json
文件中添加如下代码
"proxy": {
"/*.do": {
"target":"http://localhost:3001"
}
}
注:上述匹配*.do
的url 访问
应用中访问举例
let path = '/login.do';
fetch(path, { // 在URL中写上传递的参数
method: 'POST',
body:JSON.stringify({username:this.state.user, password:this.state.password}),
headers: new Headers({
'Content-Type': 'application/json',
'Accept': 'application/json' // 通过头指定,获取的数据类型是JSON
})
})
网友评论