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-middlewarehtml