Deploy Vue.js app to Apache server

file-structure
okwuriki kelechi picture okwuriki kelechi · Sep 21, 2017 · Viewed 13.8k times · Source

i need some help. I wrote an SPA using VueJs. I ran "npm run build" so i can test my app on my Xampp server. The build generated a "/dist" folder. I changed the index.html in the dist folder to index.php. I tried serving the dist folder with Xampp but it shows a blank page. Please help. I have uploaded the image showing the errors

https://i.stack.imgur.com/ae7GM.jpg

Answer

user2305363 picture user2305363 · Nov 12, 2018

I had the same issue; a bunch of 404's in my console after running npm run build. Ceejayoz is correct in suggesting you take a look at your network tab to see where the server is expecting to reach the file.

His suggestion tipped me off that my application did not have a base URL set. Vue's docs on this.

After setting the path my app was located at, I reran the build process and it came right up.

Related questions

Where are the Java System Packages stored?

I want to see all the java packages. Where are the packages stored in my machine? Can anyone help. I did search in jdk folder and found awt.dll and all. But its only a few. Can i see all …

Read More
Create Subpage in html

Let's say I have a website http://www.example.com I want to create more subpages to this page i.e. www.example.com/faq www.example.com/contact etc. I'm pretty new to web design and my current knowledge …

Read More
Linking back to home page in wordpress

So I have WordPress installed in a subdirectory of my website with permalinks set up. I have my website set up like so: -index.php -style.css -/contact ---index.php -/blog ---(Wordpress installation) So my problem is, …

Read More