path-problems with deploying vue CLI-app in hosting environment

Question

i build an app with "npm run build". dist-folder created successfully. Then i uploaded the dist folder and index.html to the right path on my hosting server (m.myapp2go/vueapp/dist) with a ftp-client. Now there is a path-problem! In the get-request "/vueapp/dist" is missing. If i call the app with http://m.myapp2go.de/vueapp/ the following error occurs in console.

Installation on server:

Do i have to set the path to deployment-server before build? And when, where can i do this? THX

the npm run build runs the build command, you can find it in your package.json. It will likely point towards some vue-cli call. Check for options there. — Flame
– Flame, Commented Nov 25, 2019 at 14:37
where can i put the path for a correct distribution of the app? — Ralf Bordé
– Ralf Bordé, Commented Nov 25, 2019 at 19:35

Ralf Bordé · Accepted Answer · 2019-11-26 10:49:21Z

1

I found the solution. Perhaps a good instruction for others, with the same problem. It's a very weird topic, and the documentation for deploying to a hosted server is very inadequate in the web.

If you want to deploy e.g. to:

m.myapp2go.de/vueapp/

you have to set the vue CLI configuration in the vue ui as follows:

Then run

npm run build

and then copy the index.html to your root-folder on the server and your dist-folder to your dist-folder on server.

And, voilà, the test app is running perfect on the hosted server!

answered Nov 26, 2019 at 10:49

Ralf Bordé

3354 silver badges22 bronze badges

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

2 Comments

Flame Over a year ago

i didnt even know there was a UI for the Vue CLI, i guess the 'Basis-URL' setting is directly related to cli.vuejs.org/config/#publicpath .

Ralf Bordé Over a year ago

@ Flame . Yes, that's correct. It is the publicPath in vue.config.js.

Collectives™ on Stack Overflow

path-problems with deploying vue CLI-app in hosting environment

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related