Vue配置多个代理


vue.config.js

module.exports = {
  productionSourceMap:false,
  // 关闭ESLINT校验工具
  lintOnSave: false,
  //配置代理跨域
  devServer: {
    proxy: {
      "/api": {
        target: "http://xxx.xxx.xxx.xxx:9002",
        pathRewrite: {
          '^/api': ''
      }
      },
      '/api/tian': {
        target: 'http://xxx.xxx.xxx.xxx:9002',
        changeOrigin: true,
        ws: true,
        pathRewrite: {
            '^/api/tian': '/'
        }
    }
    },
  },
};

config.js

export default {
  baseUrl : '/api/',
  baseUrl2 : '/api/tian'
};

axios封装的文件:

import baseURL from '@/assets/js/config';

let requests = axios.create({
  //基础路径
  baseURL: baseURL.baseUrl,//用哪个切换哪个
  // baseURL: baseURL.baseUrl2,
  // baseURL: "/api",
  //请求不能超过5S
  timeout: 5000,
});
Logo

前往低代码交流专区

更多推荐