image.png
?
操作步驟
前段程序 打包 在webpack 中使用devServer
devServer中調用 http-proxy-middleware 中間件
在http-proxy-middleware 中加載配置
webpack.config.server.js
proxy: {
'/ServerUpgrade/*': {
target: 'http://127.0.0.1:9999',
changeOrigin: true, // 可否跨域
secure: false, // 關閉證書驗證
},
},
設置 詳細配置 https://github.com/chimurai/http-proxy-middleware#options
這里訪問 url/ServerUpgrade/* 就跳轉到 9999的 api接口了
在被轉發(fā)到 *:9999 端口地址上面去了 如: url/ServerUpgrade/engines => url:9999/ServerUpgrade/engins
Server.js
轉發(fā)之后再API端可以對路徑處理(如果是MOCK數據 一般沒有ServerUpgrade這個)
使用jsonServer的時可以自定義路由
const custom = {
'/ServerUpgrade/*': '/$1',
'/terminals/terminaltypes': '/terminaltypes',
};
const rewriter = jsonServer.rewriter(custom);
