如何在Google App Engine上部署Vue.js应用？

Question

我创建了一个简单的Vue.js应用程序。然后使用 npm run build 命令创建了生产版本的构建，该命令在项目结构中创建了 dist 文件夹。

然后我使用 gcloud app deploy 命令将其部署到Google App Engine时，部署会停止并显示以下错误：

ERROR: (gcloud.app.deploy) INVALID_ARGUMENT: This deployment has too many files. New versions are limited to 10000 files for this app.

请问有人能告诉我将Vue.js应用程序正确地部署到Google App Engine的方法吗？

- Sayali Saitawdekar

---

欢迎来到StackOverflow！你应该先自己进行一些研究：https://stackoverflow.com/search?tab=newest&q=%5bgoogle-app-engine%5d%20versions%20are%20limited%20to%2010000%20files - Dan Cornilescu

Answer 1

您尝试使用Cloud Build将Vue.js应用部署到Google App Engine吗？我已经用这种方式顺利地部署了任何Vue.js应用程序。请按照此教程的完整说明进行尝试：。

基本上，当通过Cloud Build将Vue.js应用程序部署到Google App Engine时，您需要在项目根目录中包含以下两个文件：

1. App.yaml

   runtime: nodejs10
   handlers:
     # Serve all static files with urls ending with a file extension
   - url: /(.*\..+)$ 
     static_files: dist/\1
     upload: dist/(.*\..+)$
     # catch all handler to index.html
   - url: /.*
     static_files: dist/index.html
     upload: dist/index.html
   

并且

2. cloudbuild.yaml

   steps:
   - name: node:10.15.1
     entrypoint: npm
     args: ["install"]
   - name: node:10.15.1
     entrypoint: npm
     args: ["run", "build"]
   - name: "gcr.io/cloud-builders/gcloud"
     args: ["app", "deploy"]
   timeout: "1600s"
   

如果您没有使用Cloud Build，您可以使用上面的app.yaml文件，并引用cloudbuild.yaml中暗示的步骤，即：

1. 运行npm install
2. 运行npm run build
3. 运行gcloud app deploy

请注意保留HTML标记。

- highfivebrian

Answer 2

您的项目中有太多文件。 在您的app.yaml文件中，添加skip_files标记，以便部署时不包括不必要的文件或文件夹。您还可以与正则表达式混合使用，例如：

skip_files:
- node_modules/
- .gitignore
- src/
- public/
- babel.config.js
- ^(.*/)?\..*$

- Kobby Fletcher

Answer 3

我找到了一些谷歌云平台的文档，可能对你的问题有所帮助，在这个链接的部署章节中指出，每次部署只能上传10,000个文件，每个文件的最大大小限制为32兆字节。你遇到了其中的一个问题，建议你检查一下你的应用程序，并尝试重新部署它。

- Luis Manuel

Answer 4

如果你不想在Namecheap上花费$10购买SSL证书并浪费数小时的时间（就像我一样），那么你可能想要在每个处理程序中添加secure: always选项。

- url: /.*
  static_files: dist/index.html
  upload: dist/index.html
  secure: always

就像这样！不过这是针对使用自定义域名的情况。

- Jack Riley

---

我笑翻了，我拿回了钱。 - Jack Riley