简单Node实现前端静态页面及接口代理访问

215 阅读1分钟

背景:最近接手一个jQuery项目,通过Ajax访问接口,放在java resources目录,本地跑起来依赖java环境,故想到node实现前端静态页面及接口代理访问。具体代码如下:

package.json

{
    "scripts": {
        "dev": "node ./index.js"
    },
    "dependencies": {
        "express": "^4.18.2",
        "http-proxy-middleware": "^2.0.6"
    }
}

index.js

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

// 前端静态页面
app.use('/web', express.static('./static'))

// 接口代理
app.use('/api', createProxyMiddleware({
  target: 'http://127.0.0.1:8000/',
  changeOrigin: true
}))

const server = app.listen(8080, function() {
  console.log('应用实例,访问地址为 http://localhost:8080')
})