Question

我使用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中启动通过执行npm run start和https://mywebsite.com

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

Answer 1

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

Answer 2

对于将来遇到任何麻烦的人，您遇到的问题是由于对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服务器时使用。

如何在生产模式下推送Netlify [Nuxt JS]

2 个答案: