Blog
Julien LE PÊCHEUR
Apr 10, 2022
Apr 22, 2022
Deploy your VueJS web app with Heroku and Gitlab
.gitlab-ci.yml
image: node:latest
before_script:
- apt-get update -qy
- apt-get install -y ruby-dev
- gem install dpl
stages:
- production
production:
stage: production
image: ruby:latest
script:
- dpl --provider=heroku --app=$HEROKU_APP_PRODUCTION --api-key=$HEROKU_API_KEY
only:
- main
Settings => CI/CD => Variables:
- HEROKU_APP_PRODUCTION: the name of your app in heroku
- HEROKU_API_KEY: the api key in your heroku profile
server.js
const express = require('express')
const serveStatic = require('serve-static')
const path = require('path')
const app = express()
//here we are configuring dist to serve app files
app.use('/', serveStatic(path.join(__dirname, '/dist')))
// this * route is to serve project on different page routes except root `/`
app.get(/.*/, function (req, res) {
res.sendFile(path.join(__dirname, '/dist/index.html'))
})
const port = process.env.PORT || 8080
app.listen(port)
console.log(`app is listening on port: ${port}`)
Julien LE PÊCHEUR
Software developer in France.