Vue关于axios跨域问题的解决

1、在项目根目录config文件夹下找到index.js

2、修改index.js中proxyTable{}内容：

proxyTable: {'/api': {target: 'http://192.168.199.190:9998',//设置你调用的接口域名和端口号 别忘了加httpchangeOrigin: true,pathRewrite: {'^/api': ''//这里理解成用‘/api’代替target里面的地址，后面组件中我们掉接口时直接用api代替 比如我要调用'http://192.168.199.190:9998/login'，直接写‘/api/login’即可}}}

保存，npm start命令重启就可以了

3、在组件中的使用

this.$axios.post('/api/login', this.$qs.stringify(this.loginData)).then((result) => {console.log(result)}).catch((error) => {console.log(error); //箭头函数"=>"使this指向vue});

Vue关于axios跨域问题的解决相关推荐

vue : 本地调试跨域问题的解决办法：proxyTable
vue : 本地调试跨域问题的解决办法:proxyTable 参考文章: (1)vue : 本地调试跨域问题的解决办法:proxyTable (2)https://www.cnblogs.com/fo ...
vue php axios 跨域,在vue项目中,使用axios跨域处理
下面我就为大家分享一篇在vue项目中,使用axios跨域处理,具有很好的参考价值,希望对大家有所帮助. 跨域,一个很是让人尴尬的问题,有些人可以在后台中设置请求头,但是很多前端并不具备后台的知识,并无 ...
vue 引入pdf跨域问题怎么解决_VUE项目中的跨域问题
[摘要]跨域问题是前端开发人员比较常见的问题, 那么跨域出现的原因, 该如何解决跨域, VUE中对跨域又是怎样处理的呢 [作者]田鋆鹏一. 前端为什么会出现跨域问题? 跨域问题是浏览器同源策略限制, ...
Vue之Axios跨域问题解决方案
背景:因为axios中只能使用get和post方法来进行请求数据,没有提供jsonp等方法进行跨域访问数据 axios中文网址:https://www.kancloud.cn/yunye/axios/ ...
axios 跨域问题的解决方法
一.报错信息二.解决方法百度了一早上,网友的博文都是让配置代理[代理可以解决的原因:因为客户端请求服务端的数据是存在跨域问题的,而服务器和服务器之间可以相互请求数据,是没有跨域的概念(如果服务 ...
electron-vue使用axios跨域解决
一开始查找了vue使用axios跨域的问题如何解决,但是electron-vue中没有config文件夹,后来查找了electron-vue的axios跨域问题在.electron-vue文件夹下d ...
解决vue axios跨域请求发送两次问题
解决vue axios跨域请求发送两次问题参考文章: (1)解决vue axios跨域请求发送两次问题 (2)https://www.cnblogs.com/wordblog/p/12171875. ...
Vue解决Axios跨域问题
提前声明:本文只针对使用vue-cli创建的vue项目,范围仅限于vue2 跨域跨域,指的是浏览器不能执行其他网站的脚本.它是由浏览器的同源策略造成的,是浏览器施加的安全限制解决跨域话不多说,直 ...
axios get怎么还会显示跨域_axios 跨域问题的解决（接口 Phal 框架）
最近在自己写前后端分离的项目,前台用 vue ,后台用 PHP 框架写接口(PhalApi),然后在 vue 中用 axios 调用 PHP 的接口,遇到了跨域请求的问题,在网上了找了各种解决方法,结 ...

Vue关于axios跨域问题的解决

Vue关于axios跨域问题的解决相关推荐

最新文章

热门文章