VUE本地跨域解决方案

Posted 2023-03-01

参考技术A         我们前端使用接口时，时常遇到跨域问题，一般都是后台设置开放访问权限解决跨域，如果后台不配合或者为了安全问题而不能开放权限，那么我们前端只能自己解决跨域问题了！！！直接再问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就是你的接口名称啦！！！