提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

Vue调用后端接口http ajax请求组件封装及proxyTable跨域问题解决超详细案例

Vue案例封装接口组件AJAXHTTP跨域
2023-09-14 09:02:00 时间

前端调用后端接口，使用axios，因为v-resource组件官方已不再维护了：

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

res形参封装了整个响应结果：

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

Vue提供的proxyTable组件用于解决跨域问题：（服务器与服务器之间的相互请求不存在跨域问题，只有浏览器发出的请求才可能存在跨域问题）

在这里插入图片描述

浏览器的同源策略不允许跨域。
所谓同源，就是：①同协议；②同服务器；③同端口。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

实际请求的端口是：端口相同也就不存在跨域问题了

在这里插入图片描述

成功获取到数据：

在这里插入图片描述

相关文章