React(腳手架3.4.0)服務代理配置

老版本配置方法

在package.json中添加

{
	......
	"proxy": {
		"/api/**"
		"target": "http://host:port/path"
	}
}

新版本配置方法

在package.json中添加

{
	......
	"proxy":{
		"/api/**": "http://host:port/path"
	}
}

不再支持多個代理的設置,若需要設置多個代理,可選用如下方案:

  1. 安裝http-proxy-middleware
npm i http-proxy-middleware --save-dev
  1. 設置代理
    在src下新建setupProxy.js文件,並寫入一下代碼
const proxy = require('http-proxy-middleware');

const proxyConf = {
    '/api/**': {
        target: 'http://localhost:8088/'
    }
};
module.exports = function (app) {
    Object.keys(proxyConf)
        .forEach(k => app.use(proxy.createProxyMiddleware(k, proxyConf[k])));
};
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章