Vue配置多个代理

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,
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值