My app is hosted in a subfolder: Although I'm using a vue.config.js file specifying the path of my app on the server (publicPath: '/my_app/', the internal links in my app are still wrong:

Instead of pointing to my_site/my_app/destination they point to my_site/destination.

How to solve this problem?

1 Answers

Jacob Goh On Best Solutions

the internal links are handled by Vue router.

changing the base option in Vue router should solve your problem.


new VueRouter({
    base: '/my_app/', 
    routes: [...]