前端---使用pm2+express部署Vue单页应用(SPA)

叁歲伎倆 2022-10-07 06:55 211阅读 0赞

**[linux安装Node][linux_Node]**

**[linux安装PM2][linux_PM2]**

### 1. 项目打包 ###

通过 npm run build 命令打包Vue项目，会生成dist生产发布包。

### 2. 配置启动文件 ###

在dist生产发布包根目录下，创建启动文件index.js(文件名可自定义)

const express = require('express')
    const compression = require("compression") //gzip包
    const fs = require('fs')
    
    const app = express()
    app.use(compression()) // 启用gzip代码压缩
    app.use(express.static('./')) //托管静态资源
    app.get('/*', function(req, res) { 
      const html = fs.readFileSync('./index.html', 'utf-8')
      res.send(html)
    })
    
    //启动应用，端口为3000
    app.listen(3000)

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MTE1NDY5_size_16_color_FFFFFF_t_70][]

### 3. 安装依赖 ###

1. 将dist生产发布包上传致linux服务器；
    2. 进入linux服务器的dist发布包目录下；
    3. 执行如下命令，安装index.js文件中需要的依赖：
            npm install express
            npm install compression

### 4. 启动项目 ###

pm2 start index.js

[linux_Node]: https://blog.csdn.net/qq_39115469/article/details/116091539
[linux_PM2]: https://blog.csdn.net/qq_39115469/article/details/116101568
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MTE1NDY5_size_16_color_FFFFFF_t_70]: /images/20221005/1dfe996fc54d4f4e997725f428f4ac60.png

发表评论取消回复

表情：

评论列表（有 0 条评论，211人围观）

还没有评论，来说两句吧...

相关阅读

相关使用Python和Vue.js构建单页应用（SPA）示例

在本示例中，我们将使用Python和Vue.js构建一个简单的单页应用（SPA）。SPA是一种Web应用程序架构，它在加载初始页面后，通过AJAX和动态HTML更新页面内容，而

「爱情、让人受尽委屈。」/ 2024年03月02日 10:29/ 0 赞/ 36 阅读

相关在CentOS使用宝塔使用pm2部署node的express项目

宝塔按钮pm2后，node就装好了。对于前端开发人员来说，配置后端服务器的工作都是脑瓜疼的，好在宝塔这种可视化工具还是挺好用在部署上线前，假设你的项目已经写好的了。

超、凢脫俗/ 2023年10月06日 16:18/ 0 赞/ 15 阅读

相关 Nginx---Nginx部署Vue项目(SPA单页应用)

下载Nginx安装包，windows、Linux版，安装Nginx [ ][Link 1][Nginx官方下载链接][Link 1] 修改Ngin

﹏ヽ暗。殇╰゛Y/ 2022年10月11日 12:08/ 0 赞/ 261 阅读

相关前端---使用pm2+express搭建静态资源服务器

[linux安装Node][linux_Node] [linux安装PM2][linux_PM2] [express静态资源托管][express] 1. 创建启动文件

刺骨的言语ヽ痛彻心扉/ 2022年10月07日 11:46/ 0 赞/ 177 阅读

相关前端---使用pm2+express部署Vue单页应用(SPA)

[linux安装Node][linux_Node] [linux安装PM2][linux_PM2] 1. 项目打包通过 npm run build 命令打包

叁歲伎倆/ 2022年10月07日 06:55/ 0 赞/ 212 阅读

相关 simple-spa 一个简单的单页应用实例

上两篇文章说过要写一个简单的单页应用例子的，迟迟没有兑诺，实在有愧哈哈。这篇写给小白用户哈。正好趁今天风和日丽，事情不多，把从项目里的代码扣取了一下，整理了一个简

我会带着你远行/ 2022年07月12日 10:28/ 0 赞/ 220 阅读

相关 vue-router——SPA单页应用搭建

SPA单页应用： > 加载单个HTML页面，并在用户与应用程序交互时动态更新该页面。 vue-router > 作用：通过管理url，实现url和组件的对应和通过ur

港控/mmm°/ 2022年05月21日 20:12/ 0 赞/ 240 阅读

相关单页面应用——SPA

单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的 Web 应用。它将所有的活动局限于一个web页面中，仅

╰半夏微凉°/ 2022年04月22日 12:38/ 0 赞/ 387 阅读

相关 vue 单页应用（spa）前端路由实现原理

写在前面：通常 SPA 中前端路由有2种实现方式： > window.history > location.hash 下面就来介绍下这两种方式具体怎么实现的

蔚落/ 2022年03月08日 06:38/ 0 赞/ 260 阅读

相关在CentOS使用宝塔使用pm2部署node的express项目

对于前端开发人员来说，配置后端服务器的工作都是脑瓜疼的，好在宝塔这种可视化工具还是挺好用在部署上线前，假设你的项目已经写好的了。我的是node的express项目

柔光的暖阳◎/ 2022年01月19日 05:19/ 0 赞/ 573 阅读