docs: add Render deployment guide (#4217)

* docs: add Render deployment guide

* Update docs/guide/deployment.md

Co-Authored-By: Natalia Tepluhina <NataliaTepluhina@users.noreply.github.com>
(cherry picked from commit ebdcac32d4)
This commit is contained in:
Anurag Goel
2019-07-02 09:07:18 -07:00
committed by Haoqun Jiang
parent 3e8fef815d
commit 1ad075afd8

View File

@@ -174,6 +174,28 @@ In order to receive direct hits using `history mode` on Vue Router, you need to
More information on [Netlify redirects documentation](https://www.netlify.com/docs/redirects/#history-pushstate-and-single-page-apps).
### Render
[Render](https://render.com) offers [free static site hosting](https://render.com/docs/static-sites) with fully managed SSL, a global CDN and continuous auto deploys from GitHub.
1. Create a new Web Service on Render, and give Renders GitHub app permission to access your Vue repo.
2. Use the following values during creation:
- **Environment:** `Static Site`
- **Build Command:** `npm run build` or `yarn build`
- **Publish directory:** `dist`
Thats it! Your app will be live on your Render URL as soon as the build finishes.
In order to receive direct hits using history mode on Vue Router, you need to add the following rewrite rule in the `Redirects/Rewrites` tab for your site.
- **Source:** `/*`
- **Destination:** `/index.html`
- **Status** `Rewrite`
Learn more about setting up [redirects, rewrites](https://render.com/docs/redirects-rewrites) and [custom domains](https://render.com/docs/custom-domains) on Render.
### Amazon S3
See [vue-cli-plugin-s3-deploy](https://github.com/multiplegeorges/vue-cli-plugin-s3-deploy).