本文阐述了vue的跨域方法。分享给大家参考，如下：

请求的资源上没有访问控制允许源头。因此，不允许访问“http://LoalHoal:8081”。

此错误表示浏览器限制了跨域，需要设置跨域

一、后台更改表头

标头('访问控制-允许-原始： * ')；//允许所有源访问头(' access-control-Allow-method : post，get ')；//允许访问的方法2。使用jquery提供的jsonp需要在vue中引入JQuery，这不是今天讨论的重点

methods : { GetDATa(){ var=this $。ajax({ url: 'yoururl '，type: 'GET '，dataType: 'JSONP '，success : function(RES){ that . data=RES . data；}})}}第三，使用vue-cli脚手架构建项目时，使用proxyTable解决跨域问题

配置目录下index.js的可代理配置：

第一种：

proxyTable: {'/api': {//使用'/api '而不是' http://v.juhe.cn/toutiao/index'目标： ' http://v.juhe.cn/toutiao/index'.//源地址更改Origin: true，//更改源路径重写： { '/API ' 3360 ' '//路径重写}}，this.axios.post ('/API？type=keji key=your key’)。然后(RES={ console . log(' AP : ' RES)；this . kjnews=RES . data . result . data；});注意：路径重写为空，或者请求不成功。最终配置完成后，应重新启动npm运行开发

希望本文对vue.js程序的设计有所帮助。