我们前端使用接口时,时常遇到跨域问题,一般都是后台设置开放访问权限解决跨域,如果后台不配合或者为了安全问题而不能开放权限,那么我们前端只能自己解决跨域问题了!!!直接再问vue中使用nodeJS进行代理就可以解决跨域问题。
1、首先找到项目所在的config文件下的index.js,打开此文件;
![](https://img.haomeiwen.com/i2360046/dd8f458be212ffa0.png)
2、找到module.exports里面的dev模块,dev:{ proxyTable:{ } };
将target设置成你想跨域的域名,
changeOrigin设置成true(即:允许跨域);
pathRewrite设置新的路径,这个其实没有必要重新设置;
host设置成:localhost;
port设置成自己本地项目的端口号如:8001;
![](https://img.haomeiwen.com/i2360046/c88cd1300aaa5785.png)
3、找到main.js并打开,添加:Vue.prototype.HOST = '/api' //设置全局的请求域名;这样就可以全局使用了!
![](https://img.haomeiwen.com/i2360046/d162c9382e9d361d.png)
4、在请求接口的页面这样请求接口就可以啦:
var urls = this.HOST +'/login/get/dingdingUser';//this.HOST就是你跨域的域名,这样就可以直接跨域了;这时urls就是你的接口名称啦!!!
![](https://img.haomeiwen.com/i2360046/d2a68e888100abe9.png)
网友评论