一个简单的前端代理服务器，用于前端打包上线、测试前的自测

最新推荐文章于 2023-09-07 12:40:56 发布

一只肥宅丫、

最新推荐文章于 2023-09-07 12:40:56 发布

阅读量4.1k

点赞数 1

文章标签： Node.js Express http-proxy-middleware 静态资源代理配置

本文链接：https://blog.csdn.net/Bin9166/article/details/120156413

版权

1.安装依赖

npm install express --save
npm install http-proxy-middleware

2.配置

将app.js和index.js放在打包出来的文件同级目录，目录里只能存在打包出来的文件夹及node_modules文件夹（原因：代码获取除node_moudules文件夹外的文件夹名字作为静态资源路径）
在配置文件index.js里配置代理信息 参考：https://github.com/chimurai/http-proxy-middleware

3.运行

node app.js

代码：

app.js

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

// 获取配置信息
const {prot = 80, api = '/', options = {}} = require('./index.js')

// 获取静态资源文件夹名
const files = fs.readdirSync('./')
let fileName = ''
files.forEach(function (item, index) {
  let stat = fs.lstatSync("./" + item)
  if (stat.isDirectory() === true && item !== 'node_modules') {
    fileName = item
  }
})

app.use('/static', express.static(__dirname + '/' + fileName))
app.use(api, createProxyMiddleware(options));
app.listen(prot, () => {
  console.log(`server running at http://localhost:${prot}/static/index.html`)
});

index.js

module.exports = {
  port: 80,
  api: '/', // 代理请求匹配,'/':匹配所有请求
  options: {
    target: '', // target host
    changeOrigin: true // needed for virtual hosted sites
  }
}