RE: RE: Nuxt开发指南
You are viewing a single comment's thread from:

RE: Nuxt开发指南

Words
253
Reading
2 min
Listen
Play
7M
  • SSR
    默认情况下,直接执行(nuxt build) yarn build。代码会被打包到.output目录,打包产物分为 public 和 server 两部分。入口为 index.mjs,可以使用 node 或 pm2 等进程管理工具启动服务, node ./.output/server/index.mjs,也可以配合nuxt preview启动预览服务。
  //默认情况下nuxt是不会将环境变量打包进去的,需要在package.json中配置
  "build": "source .env && nuxt build",

   node.js 
  `node .output/server/index.mjs`
  `node aijoe_v5/server/index.mjs`

  //ecosystem.config.js
  module.exports = {
    apps: [
      {
        name: 'czblog',
        port: '8080',
        exec_mode: 'cluster',
        instances: 'max',
        script: './.output/server/index.mjs'
      }
    ]
  }
  pm2 start ecosystem.config.js
  • SPA
    ssr:false + nuxt generate。产物只有 .output/public 中的静态文件,发布 .output/public(或者 dist) 即可。但是 SPA 需要在运行时访问接口获取数据,因此仍然需要提供接口服务才能正常显示页面。
    配置 ssr: false,然后执行 yarn generate
//nuxt.config.ts
export default defineNuxtConfig({
  ssr: false,
})

// 完整设置
  app: {
    buildAssetsDir: 'nuxt_assets' //打包的资源目录,替代 _nuxt
  },
  experimental: {
    payloadExtraction: false
  },
  ssr: false,
  • SSG
    nuxt generate。产物只有 .output/public 中的静态文件,发布 .output/public 即可。这种方式会在创建时生成页面内容,因此只需要提供静态服务即可预览。

  • 其他服务:presets,可用于其他非 node 运行时打包,例如 deno,serverless,edge worker 等。产物根据预设不同会有不同,部署需要按照对应的平台进行操作。

@lemooljiang: SSR 默认情况下,直接执行(nuxt | Ecency