nuxt打包

白昼的星光@

于 2023-05-10 18:33:36 发布

阅读量2.2k

点赞数

分类专栏： nuxt3 文章标签： javascript 前端 vue

本文链接：https://blog.youkuaiyun.com/weixin_44815800/article/details/130607276

版权

nuxt3 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了两种Nuxt3应用的打包部署方法：一是采用SSR混合渲染模式，利用PM2在Linux上部署，包括npmbuild、配置ecosystem.config.js及启动服务的步骤；二是SPA静态化生成模式，适用于纯展示页面，通过npmgenerate命令创建原生静态文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

nuxt打包

方式一 :

SSR混合渲染模式支持SEO

# 1. 打包 打包后会在出现一个.output目录
npm run build

# 2. 下载pm2
npm install pm2 -g

# 3. 查看并配置 ecosystem.config.js

# 4. 开启pm2服务
pm2 start ecosystem.config.js

# 5. 查看pm2服务
pm2 list

# 6. 关闭pm2服务
pm2 kill

/* ecosystem.config.js */
module.exports = {
    apps: [
      {
        name: 'nuxt-app', // 项目名
        port: '3000', // 服务端口
        exec_mode: 'fork',//cluster
        instances: '1',//max
        script: './.output/server/index.mjs' //这个路径就是打包后的入口路径.output可能修改
      }
    ]
  }

Nuxt3打包部署到Linux（node+pm2详细安装运行步骤）

Nuxt3从零开始配置与打包发布

方式二 :

SPA静态化生成模式

# 1. 打包 打包后会在出现一个dist目录
npm run generate

静态打包后生产的是原生的js、html文件不能使用类似于process.server 这种API，如果纯展示类页面可以考虑，如果使用了很多的服务器API还是推荐SSR模式打包