前端node环境下解决跨域，proxy反向代理

​ proxy即代理的意思，通过代理去访问目标服务器，再将得到的结果返回给本地服务器，从而达到跨域的作用。实现的其实是一种反向代理

​ 比如我的前端服务器（node环境）挂载在5500端口上，而后端提供给我的接口挂载在网关上，我将后端接口和网关都挂载在本地服务器上，比如网关挂载在8081端口，后端接口在8087端口。

​ 此时我的前端需要调用后端接口，就需要访问网关（接口挂在网关上），由于前端服务器和网关的端口不相同，这种调用便是一种跨域（协议，域名，端口三者有一个不一样即为跨域），想直接访问就会报错：

​ 此时有很多种（包括前端和后端），解决跨域的方法，这里简单介绍下我自己使用的方法，就是通过npm引入一个核心模块，配置在前端的node服务器上，如下图，我这个引入的版本是2.0.3，看了网上的资料2.0之前的版本引用会跟下面有所差别，如何使用呢？在node配置服务器配置文件中写如下代码：

const { createProxyMiddleware } = require('http-proxy-middleware');//引入

//设置代理，主要用于调用后端提供的接口
const options = {
  target: 'http://localhost:8081', // 目标服务器 host，前面的协议最好不要省略
  changeOrigin: true,               // 默认false，是否需要改变原始主机头为目标URL，一定要改的
  ws: false,                         // 是否代理websockets
  pathRewrite: {
    '/apis' : '/',     // 重写请求，比如我们源访问的是api/old-path，那么请求会被解析为/api/new-path
  }
}
const proxy1 = createProxyMiddleware(options);
app.use('/apis',proxy1); 	//表示前端访问/apis时就是访问这个接口

​ 比如后端提供给我的接口是：http://localhost:8081/first/#

​ 而现在我通过Ajax请求想调用这个接口，我的url属性就应该写成 “/apis/first/#”

​ 此时我们打开网页会发现，浏览器里显示的请求是http://localhost:5500/apis/first/#

​ 但实际上它会被解析成http://localhost:8081/first/#

​ 这里使用/apis表示我是去调用那个接口，但是我们设置了重写（pathRewrite），所以真正在调用的时候，这个/apis会被修改，这样我们便实现了一次跨域请求

小白随便写写，记录下学习笔记，欢迎大佬指正