开场白
开始使用
API
- API: The <client-only> Component
- API: <nuxt-child> 组件
- API: <nuxt-link> 组件
- API: <nuxt> 组件
- API: 构建配置
- API: buildDir 属性
- API: 缓存配置
- API: CSS 配置
- API: dev 属性配置
- API: dir 属性
- API: 环境变量配置
- API: generate 属性配置
- API: globalName 属性
- API: head 属性配置
- API: The hooks Property
- API: ignore 属性
- API: The loading indicator Property
- API: loading 属性配置
- API: The mode Property
- API: modern 属性
- API: modules 属性
- API: modulesDir 属性
- API: performance 属性
- API: plugins 属性配置
- API: The render Property
- API: rootDir 属性配置
- API: router 属性配置
- API: server 属性
- API: serverMiddleware 属性
- API: srcDir 属性配置
- API: transition 属性配置
- API: vue.config 属性
- API: watch 属性
- API: watchers 属性
- API: 上下文对象
- API: asyncData 方法
- API: The Builder Class
- API: The Generator Class
- API: The ModuleContainer Class
- API: The Nuxt Class
- API: The Renderer Class
- API: Nuxt Modules Intro
- API: nuxt.renderAndGetWindow(url, options)
- API: nuxt.renderRoute(route, context)
- API: nuxt.render(req, res)
- API: Nuxt(options)
- API: fetch 方法
- API: head 方法
- API: key 属性
- API: layout 属性
- API: loading 属性
- API: middleware 属性
- API: scrollToTop 属性
- API: transition 属性
- API: validate 方法
- API: The watchQuery Property
配置
- 外部资源
- 预处理器
- JSX
- Postcss 插件
- 如何扩展 Webpack 的配置
- Webpack 插件
- Caching Components
- 如何更改应用的主机和端口配置?
- 如何集成 Google 统计分析服务?
- 如何发起跨域资源请求?
- How to extend Webpack to load audio files?
部署
- 如何使用 Now.sh 进行部署?
- 使用 Surge.sh 部署
- 在 Google App Engine 上部署
- Netlify 部署
- AWS: S3+Cloudfront 部署
- Dokku 部署
- nginx 代理
- 如何部署至 GitHub Pages?
- 部署至 Heroku
其他
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
在 Google App Engine 上部署
部署到 Google App Engine 是在Google云服务上托管通用Nuxt应用程序的快速而简单的解决方案。
在本指南中,我们在本地构建应用程序,然后将整个项目文件夹上传到Google App Engine。 上传后,Google App Engine将自动启动package.json中的 start
脚本,您的应用程序将立即可用。
入门
确保您在 Google App Engine 上设置了Google云帐户,项目和空的Google App Engine应用程序。 此外,请务必按照 此处 中的说明从Google下载并安装 Cloud SDK (CLI),然后登录您的Google Cloud帐户。
配置您的应用程序
您需要添加名为 app.yaml
的文件到通用Nuxt应用程序将其部署到App Engine上。 在根项目目录中创建具有该名称的新文件,并添加以下内容:
runtime: nodejs10
instance_class: F2
handlers:
- url: /_nuxt
static_dir: .nuxt/dist/client
secure: always
- url: /(.*\.(gif|png|jpg|ico|txt))$
static_files: static/\1
upload: static/.*\.(gif|png|jpg|ico|txt)$
secure: always
- url: /.*
script: auto
secure: always
env_variables:
HOST: '0.0.0.0'
NODE_ENV: 'production'
构建和部署应用程序
现在用 npm run build
构建你的应用程序。
此时,您的应用已准备好上传到Google App Engine。 现在运行以下命令:
gcloud app deploy app.yaml --project <project-id>
您的Nuxt.js应用程序现在托管在Google App Engine上!
更多信息
- app.yaml文件中的
instance_class
属性设置应用实例的类。 Instance F2不是完全免费的,但具有运行Nuxt应用程序所需的最小内存。 - 确保将 project-id 而不是 project-name 放在 deploy 命令中。 这是两件不同的事情,但容易混淆。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论