利用node搭建一个开发代理服务器

前段时间，做了一下小项目，项目使用的是传统的HTML+CSS+JS，没有采用现在的主流框架，并且是前后端分离的项目，所以面临了一个跨域问题和本地开发服务器（没有和后端同学在一起），不要废话，下面是我用 node 搭建的一个本地服务器

---

准备条件

• node,npm

搭建项目目录

1553237208(1).jpg

1. 初始化项目

npm init -y

2. 创建目录 view 和文件 app.js，view目录下放我们的项目，app.js 一会用来启动本地服务和配置本地代理
3. 安装相关依赖，只需要两个个依赖包，express是Web 开发框架，http-proxy-middleware 就是我们的代理包

npm install express http-proxy-middleware -S

4. 编写app.js, 示例如下：

// 导入express，路径包，子进程中的异步进程，代理，设置项目根目录
const express = require('express')
const path = require('path')
const {exec} = require("child_process")
const proxyMiddleWare = require("http-proxy-middleware")
const root = path.join(__dirname, './view')
// 生成express实例，配置代理，启动服务
const app = express();
// 配置代理设置项  HOST：为目标服务器 POST：为启动服务端口 
const { HOST = 'http://123.56.231.107:8081/', PORT = '8899' } = {}
const proxyOption ={target:HOST,changeOrigoin:true}
app.set('port', PORT);
// 设置根目录为静态资源
app.use('/', express.static(root))
// 使用反向代理
app.use("/api",proxyMiddleWare(proxyOption))
// 启动服务
app.listen(app.get('port'), () => {
    let url = `http://localhost:${app.get('port')}`
  // 自动打开默认浏览器
    switch (process.platform) {
        case "darwin":
            exec(`open ${url}`);
        case "win32":
            exec(`start ${url}`);
        default:
            exec(`open ${url}`);
    }
})

5. 在根文件夹内打开控制台启动项目 node ./app.js
6. 如果想要手机查看，打开 cmd 窗口，输入 ipconfig 查看本机ip，然后在手机浏览器输入本机 ip + 端口号，即可查看，如果无法访问，请关闭电脑防火墙。