在Google App Engine上部署Vuejs - webpack webapp

时间:2018-01-20 17:12:01

标签: node.js google-app-engine deployment webpack vue.js

我正在构建我的第一个Vue.js webapp。 我使用以下方法设置了一个新项目:

vue init webpack <project_name>

我做了一些工作,几乎所有的东西都按照我的要求工作(除了sass,但这是另一个故事)。 我现在想将我的webapp部署到谷歌应用引擎。 我在GAE上创建了一个新的node.js项目。 我已经创建了我的app.yaml(见下文)。 我用通常的

进行部署
gcloud app deploy --project="<project_name>"

然后在很长一段时间(约5-8分钟)之后部署失败

Updating service [default]...failed.                                                                                                                   

ERROR: (gcloud.app.deploy) Error Response: [4] Your deployment has 
failed to become healthy in the allotted time and therefore was 
rolled back. If you believe this was an error, try adjusting the 
'app_start_timeout_sec' setting in the 'readiness_check' section.

我目前的项目结构是:

  • 构建/
  • 配置/
  • DIST /
    • 的index.html
    • 静态
      • CSS /
      • 图像/
      • JS​​ /
  • node modules /
  • 的src /
    • 组件/
    • SCSS /
    • App.vue
    • main.js
  • 静态/
  • 的package.json
  • babel.rc
  • 的index.html
  • 的app.yaml

我的app.yaml是:

runtime: nodejs
env: flex

handlers:
- url: /
  static_files: dist/index.html
  upload: dist/index.html

- url: /(.*)
  static_files: dist/\1
  upload: dist/(.*)

2 个答案:

答案 0 :(得分:2)

在文件app.yaml中添加此配置

runtime: php55
threadsafe: true

handlers:
- url: /
  static_files: dist/index.html
  upload: dist/index.html

- url: /(.*)
  static_files: dist/\1
  upload: dist/(.*)

答案 1 :(得分:0)

错误消息表明:

  

您的部署未能在规定的时间内变得健康

浏览Health checks文档。

5-8分钟的部署时间并不罕见,请参阅Google cloud deploy so slow