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

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

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

vue项目本地跨域、线上跨域、本地链接线上地址跨域、https站点使用ws协议跨域问题解决
本地跨域---->配置vue.config.js .env.development文件 # just a flag ENV = 'development'# base api VUE_APP_B ...
vue加跨域代理静态文件404_vue-cli 设置跨域代理线上地址报404
vue-cli 设置跨域代理,本地正常访问,线上地址报404.这是什么原因? vue-cli中跨域代理设置: module.exports = { dev: { // Paths assetsSubD ...
php post请求超时,php用curl提交post数据，本地测试服务器OK，线上超时，需要如何排除问题？...
本地服务器使用centos7.3,数据测试正常,线上服务器也是centos7.3,但是一直超时使用postman或直接url地址访问线上服务器需要curl的地址能返回数据,但是用php的curl就不 ...
基于线上请求的性能测试系统CPC
1.背景测试人员在设计性能测试脚本时,HTTP请求中的参数往往根据个人经验设置,而测试人员水平参差不齐,设计往往具有局限性,不够全面,不能涵盖全线上真实的请求,故得到的性能测试结果不能够真实反映线上 ...
vue 使用axios 出现跨域请求的两种解决方法
vue 使用axios 出现跨域请求的两种解决方法参考文章: (1)vue 使用axios 出现跨域请求的两种解决方法 (2)https://www.cnblogs.com/wangshengli5 ...
jQuery ajax 结合vue 获取豆瓣api 数据 ,jsonp解决跨域
jQuery ajax 结合vue 获取豆瓣api 数据 ,jsonp解决跨域 <!DOCTYPE html> <html><head><meta chars ...
No ‘Access-Control-Allow-Origin‘ header is present on the requested resource Vue配置代理解决跨域问题
前言在进行web开发进行数据请求的时候常常会遇到跨域问题导致无法请求数据. 如果采用如下方法向http://localhost:4000服务器发送getStudents进行接口数据请求,在后端没有处 ...
vue反向代理解决跨域及部署nginx端口转发解决跨域
1. 前言本文是为了解决vue反向代理解决跨域及部署服务器nginx端口转发解决跨域,因为踩了不少的坑,百度了很多,也试了太多的方法,最终得以解决,所以记录一下,希望遇到同样问题的友友们可以高效的解 ...
vue打包部署axios跨域问题
工具版本: [vue -V]:2.9.6 ide工具:VSCode / Idea 前提:我们前端vue工程需要单独部署一.本地使用命令运行跨域问题. 外网访问的地址:https://www.runo ...

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

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

最新文章

热门文章

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

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

最新文章

热门文章

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

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