3

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.sstatic.net/ae7GM.jpg

Improve this question
7
  • Are there errors in the JavaScript console? Commented Sep 21, 2017 at 14:56
  • Yes there are, it shows GET requests to the js files but they all failed. A 404 error code Commented Sep 21, 2017 at 15:03
  • That sounds like something you should fix, then. Figure out why those URLs aren't returning the files you expect. Commented Sep 21, 2017 at 15:11
  • 1
    If i figured it out, i wouldn't post this question. Please help Commented Sep 21, 2017 at 15:34
  • 1
    We can't help, because you haven't really provided any information. It's probably something simple like URLs that say /dist/foo.js but you've got them at /foo.js with your server config. Commented Sep 21, 2017 at 15:35

2 Answers 2

Reset to default
1

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.

Improve this answer
Sign up to request clarification or add additional context in comments.

Comments

0

dist files can only be served via http, you have to deploy it to your hosting server before you can see the output of your vue app

Improve this answer

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.