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
结果如下图所示
更多推荐
已为社区贡献2条内容
所有评论(0)