javascript - 使用webpack+dev+server转发问题

问题描述

问 题

使用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的版本照着官方的配置实现了热更新。有没有人帮我解答下要如何配置才能实现请求转发，解决跨域！

解决方案

犯了一个常识性错误，配置了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

这篇关于javascript - 使用webpack+dev+server转发问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！