项目设置多个跨域

config文件-proxy中添加

[process.env.VUE_APP_BASE_API]: {
        target: `url1`,
        changeOrigin: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        }
      },
 [process.env.VUE_APP_EXC_API]: {
       target: `url2`,
       changOrigin: true, //开启代理
       pathRewrite: {
         ["^" + process.env.VUE_APP_EXC_API]: ""
       }
     }

.env.development 文件-开发环境中配置

VUE_APP_BASE_API = '/dev-api'
VUE_APP_EXC_API = '/exc-api'

复制request.js 文件 request_exc.js

修改创建axios实例的方法

// 创建axios实例
const service = axios.create({
  // axios中请求配置有baseURL选项,表示请求URL公共部分
  baseURL: process.env.VUE_APP_EXC_API,
  // 超时
  timeout: 10000
})

在需要第二个跨域的api 文件中修改引入

原引入代码

import request from '@/utils/request'

修改后引入代码

import request from '@/utils/request_exc'

重启项目

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值