继axios二次封装后跨域问题解决——配置代理、环境变量

附上节：vue中axios二次封装【简洁、附代码】＋api解耦

文章目录

• 一、什么是跨域？
• 二、设置代理——开发阶段解决跨域的问题
• • 1、vue.config.js文件配置devServer
  • 2、重启vue-cli项目即可
• 三、环境变量——生产阶段解决跨域问题（build后）

---

一、什么是跨域？

同源（即指在同一个域），就是两个页面具有相同的协议（protool），主机（host）和端口号（port）。
URL（Uniform Resource Locator，统一资源定位符）是用于标识和定位互联网上资源的字符串格式。它是Web浏览器、Web服务器等互联网应用程序中用来访问资源的标准格式。

1、协议（Protocol）：指定了访问资源所使用的协议，如 HTTP、HTTPS、