关于 vue 数据请求 本地跨域 和 线上请求的 ip地址 切换 问题

1、vue 进行 跨域处理
在 config 文件内

proxyTable: {
   '/baseUrl': {
       target: 'https://。。。。。。.com/', // 你要跨域的地址
       secure: false,
       changeOrigin: true,
       pathRewrite: {
           '^/baseUrl': ''
       }
   }
},
// 其中 '/baseUrl' 就是项目中数据请求的 ip 替换 如下
axios.get('/baseUrl‘ + /index/unit/index')
 .then((res)=>{
   console.log(res,'???w 我成功了吗')
 })
此处就是 开发环境的  跨域处理 

那么在线上环境 肯定要使用线上的 ip 地址 , 如何 去处理呢 (一般 接口 都是放到 一起的 直接 是 本地ip即可 ; 所以需要 进行 切换 线上线下进行 处理

1、创建一个 js 文件 ,在不用时候进行使用不同的 ip

const url = {
    localUrl:'/baseUrl',
    generateUrl:window.location.origin
}

export default url.localUrl // 本地
// export default url.generateUrl // 线上

2 、在 main.js 挂载 到vue 上 ,引入 文件

import httpsUrl from './components/common/https'
Vue.prototype.httpsUrl = httpsUrl

3、使用 (直接进行 ip 使用 )

axios.get(this.httpsUrl+'/index/unit/index')
.then((res)=>{
  console.log(res,'???w 我成功了吗')
})

这只是 简单的 处理 。。。。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值