为什么要解决跨域问题:
- 因为浏览器有限制,只有同域名同端口号下的数据才能拿来用;
- 那如果想拿到不同域名不同端口号下的数据就不行了;
在单文件组件中如何去解决跨域问题:
- 因为服务器没有跨域限制,只有浏览器有跨域限制,所以我们可以通过我们自己的服务器去拿回后端服务器接口的数据,再传给前端;
- 我们自己的服务器是:启动单文件组件项目会启动一台8080端口号的服务器;
- 解决跨域问题需要配置反向代理代码;
如何配置反向代理代码:
用axios向后端数据接口发起请求,拿回数据:
- 在App.vue中引入axios模块,没下载的先下载:
下载:
npm i --save axios
引入 axios模块:
impo