和后端联调时总是会面对恼人的跨域问题,最近基于Vue开发项目时也遇到了这个问题,两边各自想了一堆办法,查了一堆资料,加了一堆参数,最后还得我把自己的localhost映射成上线时将要使用的域名。今天翻看代码时,突然发现vue-cli的config文件里有一个参数叫proxyTable,看这个名字就感觉能解决问题,于是我就去搜了一下,果然。其实在上面的'list'的参数里有一个changeOrigin参数,接收一个布尔值,如果设置为true,那么本地会虚拟一个服务端接收你的请求并代你发送该请求,这样就不会有跨域问题了,当然这只适用于开发环境。增加的代码如下所示:vue-cli的这个设置来自于其使用的插件http-proxy-middlewaregithub:深入了解的话可以看该插件配置说明,似乎还支持websocket,很强大的插件。
Vue-cli proxyTable 解决开发环境的跨域问题详解
用户评论
推荐下载
-
vue跨域配置解决方案
1、在使用vue开发的时候经常要涉及到跨域的问题,其实在vue cli中是有我们设置跨域请求的文件的。 2、当跨域无法请求的时候我们可以修改工程下config文件夹下的index.js中的dev:{}
43 2018-12-20 -
Vue项目中跨域问题解决方案
本文给大家介绍了vue项目中跨域问题的完美解决方案,通过更改header,使用http-proxy-middleware 代理解决(项目使用vue-cli脚手架搭建),具体内容详情大家跟随脚本之家小编
21 2020-09-01 -
vue socket.io跨域问题有效解决方法
在本篇文章里小编给大家整理的是关于vue-socket.io跨域问题有效解决方法,对此有兴趣的朋友们可以参考下。
14 2020-10-28 -
vue_socket.io跨域问题有效解决方法
vue-socket.io跨域问题有效解决方法
11 2021-09-02 -
AngularJs解决跨域问题案例详解简单方法
本文通过一个案例给大家介绍angularJs解决跨域问题,非常具有参考借鉴价值,感兴趣的朋友一起学习吧
8 2020-10-28 -
利用Nginx反向代理解决跨域问题详解
问题 在之前的分享的跨域资源共享的文章中,有提到要注意跨域时,如果要发送Cookie,Access-Control-Allow-Origin就不能设为*,必须指定明确的、与请求网页一致的域名。在此次项
22 2021-01-16 -
详解Django解决ajax跨域访问问题
主要介绍了详解Django解决ajax跨域访问问题,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
19 2020-09-21 -
详解如何解决canvas图片getImageDatatoDataURL跨域问题
主要介绍了详解如何解决canvas图片getImageData,toDataURL跨域问题,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
18 2020-10-14 -
详解ajax跨域问题解决方案
主要介绍了详解ajax跨域问题解决方案,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
15 2020-11-12 -
详解springboot和vue前后端分离开发跨域登陆问题
前后端分离开发中,一般都会遇到请求跨域问题。今天就以springboot和vue为例来看如何解决上述问题注意Access-Control-Allow-Origin这个属性不要用 * ,因为用 * 的话
20 2020-08-30
暂无评论