Access-Control-Allow-Origin

问题描述:

不允许跨域访问

问题截图

使用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
            })
        })
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容