当然代理静态资源还有很多种方法,这是一种我认为比较轻松的方案,那么要如何来做呢?
提示:无论是 Linux 环境还是 Windows 环境,以下方案是通用的(前提是你已经安装好了 node 以及 npm,我们要用npm 包安装环境)
-
创建一个新的文件夹比如 :myapp
mkdir myapp
-
然后进入该文件夹 :
cd myapp
-
然后初始化 node 环境:
npm init
,然后它会让你自己选择配置一些 JSON 信息 -
然后安装 Express 环境:
npm install express --save
,-- save 表示仅在当前环境使用。这里也会提示你创建一个 js 文件,你可以忽略,也可以创建 -
然后创建 app.js 文件:
touch app.js
,和 dist 文件夹在同一个目录哦 -
编写 Express 代理静态资源的代码,windows 环境用文本编辑器,Linux 环境用 vim 编辑器
const express = require(‘express’)
const app = express()
// 代理静态资源
app.use(express.static(‘./dist’))
// 监听 4000 端口作为资源的访问路径
app.listen(4000, () => {
console.log(‘server running at http://127.0.0.1:4000’)
})
-
编辑完毕,保存代码
-
我们使用一个项目管理的工具包 pm2
windows 同理
安装这个我们可以实时查看项目的情况
使用这个,我们就不必用 node app.js 运行项目了,这样直接运行的弊端就是当你关闭 shell 或者 Linux shell 项目也会自动关闭。这样项目管理就会非常的方便哦