javascript - 使用webpack+dev+server转发问题
黄舟
黄舟 2017-05-19 10:26:29
0
1
579

使用react开发项目,最近后端的同事给了接口。我使用fetch,去做AJAX请求。但是控制台报错如下!

出现了跨域的问题,有人说webpack+dev+server可以实现代理请求转发,这样就不会出现跨域的问题了。
但是我按照官方和网上别人的配置弄了下,还是一样,没有效果。
devServer: {

hot: true,
contentBase: resolve(__dirname, ''),
publicPath: '/',
proxy: {
    '/api': {
      target: 'http://test.lailaapp.com',
      pathRewrite: {'^/api' : ''},
      changeOrigin: true
    }
  }

},
我的配置如上,不知道哪里出问题了,使用了webpack2.0的版本照着官方的配置实现了热更新。有没有人帮我解答下要如何配置才能实现请求转发,解决跨域!

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(1)
PHPzhong

犯了一个常识性错误,配置了proxy不代表请求原来的url能自动解决跨域问题,

你应该要把请求地址改成本地的 也就是 http://localhost:port/api

比如http://test.lailaapp.com/api/orderPlus/v2/bills 对应的就应该修改为
http://localhost:port/api/orderPlus/v2/bills
当然http://localhost:port可以省略,也就是/api/orderPlus/v2/bills

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板