如何在生产模式下推送到 netlify [Nuxt JS]答案

【问题标题】：How to push to netlify in production mode [Nuxt JS]如何在生产模式下推送到 netlify [Nuxt JS]
【发布时间】：2019-10-19 10:00:56
【问题描述】：

我用 nuxt js 创建了我的应用程序。我只想在 Netlify 上推送我的应用。

所以首先我配置我的部署设置：

git 上的存储库

基本目录：未设置

构建命令 npm run build && npm run start

发布目录 .nuxt/dist

我的应用程序构建正确，但 npm run start 只是在 localhost:3000 上启动

我决定修改config Host，不知道是不是最好的解决方案？

{
  "name": "app-nuxt",
  "version": "1.0.0",
  "description": "My remarkable Nuxt.js project",
  "author": "wyllisMonteiro",
  "private": true,
  "config": {
    "nuxt": {
      "host": "https://mywebsite.com"
    }
  },
  "scripts": {
    "dev": "HOST=localhost PORT=3000 nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate",
    "test": "jest"
  },
  "dependencies": {
    "@nuxtjs/axios": "^5.3.6",
    "cookieparser": "^0.1.0",
    "cross-env": "^5.2.0",
    "js-cookie": "^2.2.0",
    "nuxt": "^2.4.0",
    "vee-validate": "^2.2.0",
    "vuelidate": "^0.7.4",
    "vuetify": "^1.5.5",
    "vuetify-loader": "^1.2.1"
  },
  "devDependencies": {
    "@vue/test-utils": "^1.0.0-beta.27",
    "babel-core": "7.0.0-bridge.0",
    "babel-jest": "^24.1.0",
    "coffee-loader": "^0.9.0",
    "coffeescript": "^2.4.0",
    "jest": "^24.1.0",
    "node-sass": "^4.11.0",
    "nodemon": "^1.18.9",
    "pug": "^2.0.3",
    "pug-plain-loader": "^1.0.0",
    "sass-loader": "^7.1.0",
    "stylus": "^0.54.5",
    "stylus-loader": "^3.0.2",
    "vue-jest": "^3.0.3"
  }
}

我想通过执行 npm run dev 在 localhost:3000 中启动 AND https://mywebsite.com 通过执行 npm run start

你能告诉我我的 package.json 或 Netlify 上的部署设置是否有一些修改

【问题讨论】：

我的理解是，现阶段你只能在 Netlify 上托管一个静态生成的网站。当您尝试 npm run start 时，您似乎拥有一个通用应用程序。见docs。如果您想要免费托管选项，您可能需要考虑 Heroku。

标签： vue.js push nuxt.js netlify

【解决方案1】：

对于将来偶然发现此问题的任何人，您遇到的问题是由于对 Netlify 提供的服务存在误解。

具体来说，它们主要是静态站点主机，这意味着它们将托管您构建的文件，并为您提供服务。它们不会运行您的服务器，这意味着nuxt start 将不会运行。

相反，您应该使用nuxt generate 来生成应用的静态文件，并告诉 Netlify 输出文件夹在哪里。

例如，Netlify 上的“构建设置”：

Repository         github.com/example/example
Base directory     Not set
Build command      npm run generate
Publish directory  dist

假设您没有更改默认构建文件夹，这将正确部署 Nuxt 应用程序。为澄清起见，.nuxt 文件夹包含客户端和服务器文件，并且只能在某种实例上运行您自己的 Nuxt 服务器时使用。

【讨论】：

【解决方案2】：

看起来你需要调整你的部署命令。转到 Netlify 并尝试将其更改为 npm install; npm run build。这应该可以解决问题。

【讨论】：

你不需要在 netlify 上安装 npm ；它会自动为您发生。 “它不起作用”之类的答案对我们进一步调试没有帮助，因此如果您需要进一步的调试帮助，请提供详细信息，例如指向您的部署日志的链接。