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就是你的接口名称啦!!!


你可能感兴趣的:(VUE本地跨域解决方案)