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接口了
在被转发到 *:9999 端口地址上面去了 如: url/ServerUpgrade/engines => url:9999/ServerUpgrade/engins
Server.js
转发之后再API端可以对路径处理(如果是MOCK数据 一般没有ServerUpgrade这个)
使用jsonServer的时可以自定义路由
const custom = {
'/ServerUpgrade/*': '/$1',
'/terminals/terminaltypes': '/terminaltypes',
};
const rewriter = jsonServer.rewriter(custom);
