Vue实现跨域请求
实现跨域请求有两种方式:1、fetch(1)在App.vue中使用created方法创建fetch,将域名及方法等创建,如下图(2)在config配置文件中的index.js中的跨域区域中写入如下代码:(3)完善信息,将接口相应的需求补充完整如下图所示,该测试接口有headers和body两个条件因此,在App.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

结果如下图所示

更多推荐



所有评论(0)