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 我成功了吗')
})

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

Logo

前往低代码交流专区

更多推荐