SpringBoot + Vue 项目部署上线到 Linux 服务器，前端开发结构

当然代理静态资源还有很多种方法，这是一种我认为比较轻松的方案，那么要如何来做呢？

提示：无论是 Linux 环境还是 Windows 环境，以下方案是通用的（前提是你已经安装好了 node 以及 npm，我们要用npm 包安装环境）

1. 创建一个新的文件夹比如 ：myapp mkdir myapp

2. 然后进入该文件夹 ：cd myapp

3. 然后初始化 node 环境：npm init ，然后它会让你自己选择配置一些 JSON 信息

4. 然后安装 Express 环境：npm install express --save ，-- save 表示仅在当前环境使用。这里也会提示你创建一个 js 文件，你可以忽略，也可以创建

5. 然后创建 app.js 文件：touch app.js ，和 dist 文件夹在同一个目录哦

6. 编写 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’)

})

7. 编辑完毕，保存代码

8. 我们使用一个项目管理的工具包 pm2

windows 同理

安装这个我们可以实时查看项目的情况

使用这个，我们就不必用 node app.js 运行项目了，这样直接运行的弊端就是当你关闭 shell 或者 Linux shell 项目也会自动关闭。这样项目管理就会非常的方便哦