Vue实现跨域请求

版权声明: https://blog.csdn.net/qq_42492055/article/details/82593692

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

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

结果如下图所示

猜你喜欢

转载自blog.csdn.net/qq_42492055/article/details/82593692