如何在 vuejs 应用程序中设置动态基本 url？答案

【问题标题】：how do i set dynamic base url in vuejs app?如何在 vuejs 应用程序中设置动态基本 url？
【发布时间】：2020-02-28 08:46:22
【问题描述】：

我想用 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

请告诉我如何动态地做到这一点？

请帮忙

【问题讨论】：

【解决方案1】：

我得到了答案，只需要放一个公共路径到。

 //in vue.config.js file

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

谢谢大家

【讨论】：

【解决方案2】：

在你的 app.js 文件中，这样写：

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

【讨论】：