uniapp接口联调问题总汇

在做项目中，通常在联调的时候发生很多问题，状态码总是很多变，问题不断，我们需要的可能不是接口正确与否，可能仅仅需要反向代理来解决。

在uniapp根目录建立一个文件，命名为vue.config.js 在当中写入：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: '', //此处写入接口，类似于123.123.123.123：8080
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        },
        onProxyReq(proxyReq, req, res) {
          // 在这里可以动态修改请求头等信息
          // proxyReq.setHeader('Authorization', 'Bearer your_token');
        }
      }
    },
    before: (app) => {
      // 在这里动态配置反向代理规则
      const yourApiList = [
        '/user-info',
        '/doctor_shiftss',
        // 添加你项目中的所有接口路径
      ];

      yourApiList.forEach((api) => {
		  console.log(api);
        app.get(api, (req, res) => {
          req.url = api;
        });
      });
    }
  }
};