Question

我正在使用Vue CLI 3创建具有以下预设的Web应用程序：babel，PWA，Vue Router和CSS预处理器。我正在尝试在Google Cloud的App Engine上部署应用程序。我该如何服务？ Google上的教程说，我只需要做：

gcloud app deploy

在根目录中，但是我不知道如何配置app.yaml来部署dist /文件夹。

Answer 1

您是否尝试过使用Cloud Build将Vue.js应用部署到Google App Engine？我以这种方式部署任何Vue.js应用程序都没有问题。尝试按照complete instructions.

的本教程进行操作

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

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

和

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"

如果您不使用云构建，则可以参考上面的app.yaml，并且配置应足以满足您的情况。

在Google Cloud上部署VueJS

1 个答案: