how do i set dynamic base url in vuejs app?

Question

I want develop an app with vuejs and php. That can be installed in many directory, like

https://example.com/path1/app,
https://example2.com/path1/p/app,

I don't want to compile vuejs app for each sub path. I have search a lot, but I can't find any solution on this.

How do I set vue js public path dynamically in vuejs 2? I am using @vue/cli 4.0.5 version. I have also tried using

<base href="mybase path"/> // it works for my angular app

Please advice me how could do this dynamically?

Please help

Answer 1

I got my answer, just need to put a public path to .

 //in vue.config.js file

 module.exports = {
     ...
     ...
     publicPath:process.env.NODE_ENV === 'production'? '.': '/'         
 }

thank you all

Answer 2

in your app.js file, write like this:

const router = new VueRouter({
    mode: 'history',
    routes,
    base: '/base_url_name'
})