如何在Vue.js应用程序中设置动态基础URL？

Question

我希望开发一个使用vuejs和php技术的应用程序。它可以被安装在多个目录中，例如：

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

我不希望为每个子路径编译vuejs应用程序。我已经搜索了很多，但是我找不到任何解决方法。

如何在vuejs 2中动态设置vue js公共路径？我使用的是@vue/cli 4.0.5版本。我也尝试过使用

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

请告诉我如何动态地完成这个操作？

请帮忙。

- Sarwar Hasan

Answer 1

我已经得到答案，只需要将公共路径设置为“.”。

 //in vue.config.js file

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

感谢大家

- Sarwar Hasan

---

请问，您是指仅使用'/'还是包括'/dist'？ - AbdulAzeez Olanrewaju

Answer 2

在你的 app.js 文件中，写入如下代码：

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

- SAKIB