VUE本地跨域解决方案

        我们前端使用接口时,时常遇到跨域问题,一般都是后台设置开放访问权限解决跨域,如果后台不配合或者为了安全问题而不能开放权限,那么我们前端只能自己解决跨域问题了!!!直接再问vue中使用nodeJS进行代理就可以解决跨域问题。

1、首先找到项目所在的config文件下的index.js,打开此文件;



2、找到module.exports里面的dev模块,dev:{ proxyTable:{ } };

将target设置成你想跨域的域名,

changeOrigin设置成true(即:允许跨域);

pathRewrite设置新的路径,这个其实没有必要重新设置;

host设置成:localhost;

port设置成自己本地项目的端口号如:8001;

3、找到main.js并打开,添加:Vue.prototype.HOST = '/api' //设置全局的请求域名;这样就可以全局使用了!


4、在请求接口的页面这样请求接口就可以啦:

var urls = this.HOST +'/login/get/dingdingUser';//this.HOST就是你跨域的域名,这样就可以直接跨域了;这时urls就是你的接口名称啦!!!


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原文地址:原文地址 什么是跨域? 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。 广义...
    C_Y大渔阅读 1,267评论 1 13
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,026评论 19 139
  • 什么是跨域? 2.) 资源嵌入:、、、等dom标签,还有样式中background:url()、@font-fac...
    电影里的梦i阅读 2,393评论 0 5
  • 真没想到,我竟然因为奖学金,落得那么狼狈
    麋饵阅读 48评论 0 0
  • “很羡慕你还可以有喜欢的人”这句话一定是发自真心,看着你每天为了他大冷天从床上爬起来跑很远去图书馆只为了在远处...
    大婷儿啊阅读 107评论 0 0