node.js - webpack-dev-server配置proxy一直報(bào)502
問題描述
這是webpack-dev-server的配置:
var server = new WebpackDevServer(webpack(config), { publicPath: ’http://localhost:9999/’, hot: true, prependPath: false, historyApiFallback: true, inline: true, progress: true, stats: {colors: true }, proxy: {’/api/*’: { target: ’http://www.weather.com.cn’, secure: false, pathRewrite: {’^/api’: ’’}} }});
這是ajax請(qǐng)求:
$.ajax({ url: ’/api/data/sk/101010100.html’, type: ’get’, dataType: ’json’, success: function (data) {console.log(data); }});
這是瀏覽器請(qǐng)求的信息:
Request URL:http://localhost:9999/api/data/sk/101010100.htmlRequest Method:GETStatus Code:502 Bad GatewayRemote Address:[::1]:9999Response Headersview sourceConnection:keep-aliveContent-Length:0Date:Fri, 10 Mar 2017 06:56:20 GMTX-Powered-By:Express
請(qǐng)問哪里配置錯(cuò)了嗎
問題解答
回答1：嘗試讓webpak-dev-server 代理的請(qǐng)求加上 源host
proxy: { // 嘗試修改下匹配 ’/api’: {target: ’http://www.weather.com.cn’,secure: false,// 新增一行changeOrigin: true,pathRewrite: {’^/api’: ’’} }}
相關(guān)文章：
1. Java反射問題：為什么android.os.Message的recycleUnchecked方法不能通過反射獲取到？2. 如何分別在Windows下用Winform項(xiàng)模板+C#，在MacOSX下用Cocos Application項(xiàng)目模板+Objective-C實(shí)現(xiàn)一個(gè)制作游戲的空的黑窗口？3. html5和Flash對(duì)抗是什么情況？4. php如何獲取訪問者路由器的mac地址5. javascript - 在 vue里面用import引入js文件，結(jié)果為undefined6. 前端 - node vue webpack項(xiàng)目文件結(jié)構(gòu)7. 小程序怎么加外鏈，語句怎么寫！求救新手，開文檔沒發(fā)現(xiàn)8. python - linux怎么在每天的凌晨2點(diǎn)執(zhí)行一次這個(gè)log.py文件9. javascript - vue-resource中如何設(shè)置全局的timeout？10. thinkPHP5中獲取數(shù)據(jù)庫數(shù)據(jù)后默認(rèn)選中下拉框的值，傳遞到后臺(tái)消失不見。有圖有代碼，希望有人幫忙
網(wǎng)公網(wǎng)安備