美文网首页
Access-Control-Allow-Origin

Access-Control-Allow-Origin

作者: 天涯笑笑生 | 来源:发表于2018-09-23 19:34 被阅读0次

问题描述:

不允许跨域访问

问题截图
使用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
            })
        })

相关文章

网友评论

      本文标题:Access-Control-Allow-Origin

      本文链接:https://www.haomeiwen.com/subject/sleqoftx.html