解决单文件组件里的跨域请求数据问题（使用vue单文件组件请求数据必会遇到的问题！！！）

为什么要解决跨域问题：

• 因为浏览器有限制，只有同域名同端口号下的数据才能拿来用；
• 那如果想拿到不同域名不同端口号下的数据就不行了；

在单文件组件中如何去解决跨域问题：

• 因为服务器没有跨域限制，只有浏览器有跨域限制，所以我们可以通过我们自己的服务器去拿回后端服务器接口的数据，再传给前端；
• 我们自己的服务器是：启动单文件组件项目会启动一台8080端口号的服务器；

• 解决跨域问题需要配置反向代理代码； 

---

如何配置反向代理代码：

用axios向后端数据接口发起请求，拿回数据：

• 在App.vue中引入axios模块，没下载的先下载：

下载：

npm i --save axios

引入 axios模块：

import axios fr