azure - 使用构建文件在 Azure 上启动 Nuxt SSR 应用程序

Question

基于this Nuxt docs page ，一旦我运行 yarn build ，然后“Nuxt.js 将创建一个 .nuxt 目录，其中的所有内容都准备好部署到您的服务器托管上。”

基于 few other walkthroughs ，还有一些其他必需的项目:static/** , package.json ，和nuxt.config.js .

其中一篇文章，以及 Nuxt page for deploying to Azure using IIS 上的说明，说server.js文件是必需的，但我想坚持“里面的一切都准备好部署”。我的 Azure 应用服务是针对 Linux 设置的，而不是针对 IIS 设置的。

但是，在我部署这些文件/文件夹之后，npm run start (映射到 nuxt start )，抛出 nuxt 不是可识别命令的错误。这是有道理的，因为我还没有安装这些软件包。

我还尝试使用 node .nuxt/server.js 启动 ssr 应用程序和node .nuxt/dist/server/server.js 。这些都不起作用。

我真的想坚持所说的“Nuxt.js 将创建一个 .nuxt 目录，其中的所有内容都准备好部署在您的服务器托管上”，而不是复制 node_modules或必须 npm install部署后。

我在这里缺少哪些文件或命令，这可能吗？

• 节点版本为 14.16
• Nuxt 版本是 2.15.3 版本的全新安装

nuxt.config.js

export default {
  // Global page headers: https://go.nuxtjs.dev/config-head
  head: {
    title: "test-nuxt-app",
    htmlAttrs: {
      lang: "en"
    },
    meta: [
      { charset: "utf-8" },
      { name: "viewport", content: "width=device-width, initial-scale=1" },
      { hid: "description", name: "description", content: "" }
    ],
    link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" }]
  },

  // Global CSS: https://go.nuxtjs.dev/config-css
  css: [],

  // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
  plugins: [],

  // Auto import components: https://go.nuxtjs.dev/config-components
  components: true,

  // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
  buildModules: [],

  // Modules: https://go.nuxtjs.dev/config-modules
  modules: [],

  // Build Configuration: https://go.nuxtjs.dev/config-build
  build: {}
};

Answer 1

默认值是 ssr: true 和 target: server 到目前为止，我想 100% 确定您需要提取最新的代码更改，然后安装 npm 包并运行命令来启动您的网络服务器(通过节点服务器)。

我确实建议尝试target: static，然后使用 nuxt generate 生成项目，那么您生成的所有代码都将在 /dist 中作为静态代码提供，如下所示:https://stackoverflow.com/a/63638062/8816585

然后，您只需要一些东西(所有包都已捆绑)，您可以按照Azure静态Web应用程序的官方文档进行操作:https://nuxtjs.org/docs/2.x/deployment/deployment-azure-static-web-apps

这不是 Azure，但仅出于调试目的，您可以尝试将 /dist 目录拖放到此处，看看它是否可以正常工作:https://app.netlify.com/drop
Ofc，将需要任何环境变量(如果有)。我刚刚针对您的问题测试了一个新项目，效果很好。

如果它在那里工作，它也可以在 Azure 或任何其他可以免费托管静态文件的地方工作，例如 Github 页面、Netlify、Surge.sh 等。