在共享主机上部署Nuxt

Question

我想知道是否可以在共享主机上部署Nuxt应用程序。 运行npm run build --spa后，它在dist目录中生成了下面的文件结构，但是不知道如何从这里开始。

nuxt dist

Answer 1

以下是一些清单，用于在托管上部署您的spa应用程序。

1. 您是否已将nuxt应用配置为spa？您必须在spa中设置nuxt应用程序nuxt.config.js模式。

   • 参考：https://nuxtjs.org/api/configuration-mode/

2. 可以在主机上配置重写规则吗？如果您通过build --spa构建应用程序，则需要配置重写规则，以将所有请求重写到index.html中。这是Firebase托管上的示例配置。

   {
     "hosting": {
       "public": "dist",
       "ignore": [
          "firebase.json",
         "**/.*",
         "**/node_modules/**"
       ],
       "rewrites": [
         {
           "source": "**",
           "destination": "/index.html"
         }
       ]
     }
   }
   

3. 如果您无法在主机上配置重写规则，则可以通过generate构建应用程序。

   • 参考：https://nuxtjs.org/api/configuration-generate/

所有清单均已通过，然后将您的dist目录上传到您的主机上！仅此而已！

Answer 2

在生成页面后，将dist /文件夹中的内容上传到公用文件夹或共享宿主域指向的位置。

如果您只是要静态使用它，我建议您最好使用一些具有许多好处的高级静态页面托管，例如免费ssl，CDN支持和推送部署。例如netlify.com，zeit.co / now。

这只会花费您几分钟的学习时间，并为您带来巨大的收益。