接口转发篇

webpack 转发

我们在开发阶段经常会用到 webpack-dev-server 来启动本地服务，其实就是起了一个 node 中的 express 服务。当我们在与后端的联调阶段，有两种方式

后端把代码部署到测试环境，然后我们直接联测试环境开始调

使用 devServer 中的 proxy 去转发到后端，我们需要在所有的接口前加一个级 /api（这个自己定），然后在转发的时候把这个 /api 在去掉

proxy: {
    '/api': {
      target: '192.168.99.216:8081',
      pathRewrite: { '/api': '' }
    }
}

nginx 转发

前后端分离开发、部署

nginx 转发也是同一个道理，匹配 /api 并转发到后台

nginx 中具体配置是这个样子

server {
  location / {
      proxy_pass http://xxxx:8888/;  // 将静态文件请求转发到前端服务器
  }
  location /api {
      proxy_pass http://xxxx:9999/;  // 将接口请求转发到后端服务器，并且去掉 /api
  }
}

页面上自定义 nginx 的转发地址

场景&#x