代理服务器

​

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);