WebPack错误集

webpack-dev-server跨域设置反向代理出现404错误

问题栈

分析解决

  • 看到404后,再次看了下启动服务配置文件,估计是pathRewrite这个没起作用;
//代理服务器
const proxy = [{
    path: '/api/*', //必须得有一个文件地址,如果顶层文件夹名字不同,则用/*代替
    target: 'http://api.test.com',  
    pathRewrite: {"^/api" : ""},
    secure: false
}];
const server = new WebpackDevServer(webpack(config), {
	publicPath: config.output.publicPath,
	progress: true,
	stats: {
		colors: true,
	},
	proxy
});
  • 经过一番折腾在官方文档中发现说明,这个属性增加v1,15.0中,ping go !这时候发现应该找到问题所在,果然把webpack-dev-server更新到1.15.0就正常了。

参考:webpack-dev-server官方文档
http-proxy-middleware

原文地址:https://www.cnblogs.com/lmf-techniques/p/7813251.html