使用http-proxy-middleware中间件代理请求实现跨域方法

跨域

• 跨域是对前端而言的，是浏览器为了网络安全而作出的网络请求限制
• 当请求不在当前协议://host:port时，属于跨域请求，会被浏览器阻止
• 当项目属于前后端分离的项目时，前端代码和后端代码通常不运行在同一个端口，甚至不在同一台主机上。为了使前端能够请求后端提供的接口，需要使用跨域技术

http-proxy-middleware

• 跨域原理示意图
  
• 使用方法
  – 创建文件夹demo, 运行npm init -y 初始化node项目(首先确保计算机中安装了node.js)
  – 安装依赖 npm install http-proxy-middleware，此时版本为1.0.6
  – 这里，我们通过express来使用该中间件，安装expressnpm install express
  – 在demo文件夹下创建server.js文件作为代理使用
  – 在demo文件夹下创建api.js文件作为接口使用
  – 在demo文件夹下创建index文件夹作为前端项目。
  如图：
  
  – 在server.js中使用如下代码

const express = require('express')
const {
    createProxyMiddleware  } = require('http-proxy-middleware')
let app = express()

// 对/api开头请求进行转发处理
app.use('/api', createProxyMiddleware({
    
	// 转发到5000端口
	target: 'http://localhost:5000'