前言:公司前期一直使用express和koa框架做项目,请求一直在服务端,所以没有遇到跨域的问题。在使用react做纯view项目的时候,跨域的问题就伴随而来。怎么解决呢?除了让后端解决外,可以在webpack的配置上解决这个问题,下面我介绍少一下解决的方法。
在确认node_modules包含http-proxy-middleware
模块的情况下配置devServer
如下,否则先npm
安装一下再配置。
devServer: {
proxy: {
'/api': {
target: 'https://xxx.sendinfo.com.cn',
secure: false,
changeOrigin:true //允许跨域请求
}
},
contentBase: "./public", //本地服务器所加载的页面所在的目录
colors: true, //终端中输出结果为彩色
historyApiFallback: true, //不跳转
inline: true, //实时刷新
hot: true // 使用热加载插件 HotModuleReplacementPlugin
}