如何在 Nuxt 3 上部署生成静态站点

Question

你好，我正在 Nuxt 上创建网站，我在 Nuxt 3 上创建了一个新应用程序。但是我有一个部署问题，没有 'normal' 为 'normal server' 构建 as Nuxt 2.x.

我正在使用 'Lamdba' 预设。 https://v3.nuxtjs.org/docs/deployment/presets/lambda

// nuxt.config.ts

import { defineNuxtConfig } from 'nuxt3'

// https://v3.nuxtjs.org/docs/directory-structure/nuxt.config
export default defineNuxtConfig({
  // Global page headers: https://go.nuxtjs.dev/config-head

  nitro: {
    preset: 'lambda'
  },

  head: {
    title: 'Title',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' }
 
      
    ],
    link: [
      { rel: 'icon', type: 'image/png', href: '/favicon.png' }
    ],
  script: [
    {  
      type: 'text/javascript', 
      src: '/mana.js',
  }
]
},
})

在 Nuxt 上 2.x 我使用了这个 :

// nuxt.config.js

export default {
  // Disable server-side rendering: https://go.nuxtjs.dev/ssr-mode
  ssr: false,

  // Target: https://go.nuxtjs.dev/config-target
  target: 'static'
}

我应该在 Nuxt 3 上使用什么配置才能让 'normal' 在所有服务器的根目录导出 index.html 文件？

Answer 1

静态部署当前不适用于 Nuxt 3

Answer 2

除了在 nuxt.config.ts

中添加 target: 'static'

export default defineNuxtConfig({
    target: 'static' // default is 'server'
})

您还需要将 package.json 中的构建脚本更新为 nuxi generate（最初是 nuxi build）

{
  "scripts": {
    "build": "nuxi generate"
  }
}

参考文献：https://v3.nuxtjs.org/bridge/overview#static-target

如何在 Nuxt 3 上部署生成静态站点

How to deploy an generate a static site on Nuxt 3

deployment

nuxt.js

nuxtjs3