Vue.js 如何在生产模式下推送到netlify[Nuxt JS]

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

因此，我首先配置部署设置：

git上的存储库

基本目录：未设置

生成命令npm run Build&&npm run start

Publish directory.nuxt/dist

我的应用程序构建正确，但npm run start仅在本地主机上启动：3000

我决定修改配置主机，我不知道这是否是最好的解决方案

{
  "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中启动 通过执行npm run start

---

你能告诉我我的package.json或Netlify上的部署设置中是否有一些修改吗？因为看起来你需要调整部署命令。转到Netlify并尝试将其更改为

npm安装；npm运行构建

。这应该可以解决问题。

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

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

numxt start

将不运行

相反，您应该使用

numxt generate

生成应用程序的静态文件，并告诉Netlify输出文件夹的位置

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

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

---

这将正确部署Nuxt应用程序，前提是您尚未更改默认生成文件夹。为澄清起见，

.nuxt

文件夹包含客户端文件和服务器文件，并且只能在某种实例上运行自己的nuxt服务器时使用。

我的理解是，在这个阶段，您只能在Netlify上托管静态生成的站点。当您尝试npm run start时，您似乎有一个通用应用程序。看见如果你想要一个免费的主机选项，你可能需要考虑。你不需要NPM安装NETFLY；它会自动为你发生。像“它不工作”这样的回答对我们进一步调试没有帮助，因此如果您需要进一步的调试帮助，请提供详细信息，例如指向部署日志的链接。