前端配置跨域代理

跨域时对于前后端开发中一个非常常见的问题，当我们客户端向我们的服务器请求接口数据的时候，我们可以请求到服务器当中的数据，但是我们把数据返回我们的客户端的时候就会产生跨域问题

所以，跨域是针对我们浏览器设置一个安全策略，就是当我们的协议，域名和端口只要有一个不同，那么就会产生跨域问题，也被称为同源策略

大多数的请求下，我们只需要在后端配置cors就可以解决跨域问题，也就是我们需要依赖后端才能解决跨域问题，cors是一种机制，该机制就是使用http头来告诉我们浏览器，允许运行在一个源上的web应用访问不同源上的资源，除了cors方案外，还可以配置代理来解决跨域问题

前端配置跨域代理有来个那种方式

使用中间件 http-proxy-middleware 配置跨域代理

安装 http-proxy-middleware

npm install http-proxy-middleware --save-dev

在 src 目录下新建 setupProxy.js 文件

const {createProxyMiddleware} = require('http-proxy-middleware');
module.exports = function (app)