关于 vue 数据请求 本地跨域 和 线上请求的 ip地址 切换 问题
1、vue 进行 跨域处理在 config 文件内proxyTable: {'/baseUrl': {target: 'https://。。。。。。.com/', // 你要跨域的地址secure: false,changeOrigin: true,pathRewrite: {'^/baseUrl': ''}}},// 其中 '/baseUrl' 就是项目中数据请求的 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 我成功了吗')
})
这只是 简单的 处理 。。。。
更多推荐
已为社区贡献1条内容
所有评论(0)