Vue实现跨域请求

实现跨域请求有两种方式：

1、fetch

（1）在App.vue中使用created方法创建fetch，将域名及方法等创建，如下图

（2）在config配置文件中的index.js中的跨域区域中写入如下代码：

（3）完善信息，将接口相应的需求补充完整

如下图所示，该测试接口有headers和body两个条件

因此，在App.vue中要补充这两个值，如下图

结果如下图所示

综上，fetch方法跨域则完成

2、axios

（1）首先进行安装axios，安装完之后重新启动vue，如下图

（2）其次进行axios的引入，即在main.js中将axios引入，如下图

（3）在App.vue中进行实现（如下图）

 

打印出来的data如下图

 

（4）在main.js中设置axios的token

结果如下图所示