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

叁歲伎倆 2022-10-07 06:55 187阅读 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 条评论，187人围观）

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

相关阅读

相关如何实现前端单页面应用（SPA）？

聚沙成塔·每天进步一点点 ⭐ 专栏简介前端入门之旅：探索Web开发的奇妙世界欢迎来到前端入门之旅！感兴趣的可以订阅本专栏哦！这个专栏是为那些对Web开发感

川长思鸟来/ 2024年02月21日 09:24/ 0 赞/ 33 阅读

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

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

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

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

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

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

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

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

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

相关前端：将网站打造成单页面应用SPA

摘要：不知你有没有发现，像Github、百度、微博等这些大站，已经不再使用普通的a标签做跳转了。他们大多使用Ajax请求替代了a标签的默认跳转，然后使用HTML5的新API修改

ゝ一世哀愁。/ 2022年07月16日 03:39/ 0 赞/ 186 阅读

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

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

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

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

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

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

相关单页面应用——SPA

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

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

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

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

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

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

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

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