Deploy vue.js app in a sub directory

Question

I've built a vue.js app using vue-cli 3.0 and everything is great.

Now I'm wanting to deploy it into production, but I need to deploy it into a sub folder, not the root, i.e.:

I've built the production distribution with npm run build but the problem is that the links to the .js files etc are all /js/vendor.9e469b3e.js. How would I make this /myvueapp/js/vendor.9e469b3e.js?

I've found other answers that say "change the webpack config file". But I don't have a webpack config file anywhere I can see?

You should have webpack as your bundler, so there should be webpack config somewhere over there. Try to look for production webpack build and in output property set the path where you want to generate the production files. — Dencio
– Dencio, Commented Mar 15, 2018 at 5:33

Jonathon Gardner · Accepted Answer · 2018-06-16 20:02:44Z

5

Using vue-cli 3 you can set the base URL in the vue.config.js file. It would look something like this

module.exports = {
  ...
  baseUrl: 'myvueapp',
  ...
}

answered Jun 16, 2018 at 20:02

Jonathon Gardner

4937 silver badges12 bronze badges

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

1 Comment

Craig Ward Over a year ago

Would you set production/dev environments using the normal .env.production config files?

Collectives™ on Stack Overflow

Deploy vue.js app in a sub directory

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related