Published on: 23 February, 2018

How to publish or deploy Vue.js app?

Tumblr Digg Google Plus

Once you have completed the development phase of your Vue.js app, you want to start deploying or publishing your Vue.js app. To deploy it is pretty simple, what you have to do is to deploy using the Node.js command prompt. Note: this only applies if you are using the CLI mode without using the Vue.js script tag directly.

To start deploying you can run the following command.

npm run build

This is a sample performing a deployment for Vue.js app. If you see the screenshot below is based on the first example in Vue.js my-project tutorial.

How does the deployment work? If you see in your project folder, you will notice there is a folder called build. Inside the build folder, there is a build.js file where all the command and build requirement are specified in this setting file. In this example, I used the default webpack specified in the Vue.js default CLI project.

Where are the published Vue.js files?

Once the publish process has completed, you can find all the files under the dist folder. Just copy the files inside the dist folder and deploy it on your server.


03 July, 2018
Hi there, Did you get any error on your javascript? When you view this on chrome for example: go to web console and see if there is any javascript error.
03 July, 2018
There was no error at all in the console. Everything is just blank
04 July, 2018
Do you have the URL for the project? If this is a private project, you can send me the URL details to my email at[at] I have been published couple of the apps online and did not find any issue. It can be related to hosting as well. What sort of back-end programming (ex: PHP or .Net) the does app relate to? Btw, thanks for the feedback regarding with the URL. I have included in the comment email, so you don't have to search for it again on the site.
07 July, 2018
I have been able to identify the problem partly. I noticed that the problem only occurs when I use vue-router.
02 July, 2018
Hello, thank you for the tutorial. But please, I copied the dist folder to myself, but it doesn't seem to work. My app only shows blank, even though I can see all static assets are correctly loaded into the page
Schneider Adrian Andrei
28 August, 2018
Hello, i have a webRTC multi-user-video-chat-app on my localhost is working, but i want to deploy the app on my server, but i receive a blank page, how can i solve this issue
29 August, 2018
Hi Schneider, Possible to give me the url of the site? Is it hosted on windows IIS? You can send the details to[@] if you want.
Write Comment
0 characters entered. Maximum characters allowed are 1000 characters.