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

Question

你好，我在Nuxt上创建了一个网站，我已经在Nuxt 3上创建了一个新的应用程序。但是我有一个部署的问题，对于“普通服务器”没有“正常”构建作为Nuxt2.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上使用什么配置才能在所有服务器的根目录下使用index.html文件进行“正常”导出?

Answer 1

目前Nuxt 3没有静态部署。

Answer 2

除了在您的target: 'static'中添加nuxt.config.ts

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

您还需要更新构建脚本，使其成为您的nuxi generate package.json (最初是nuxi build )中的。

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

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