如何使用 npm run build 正确获取内部链接的 URL？

Question

我的应用托管在一个子文件夹中：my_site.com/my_app/。虽然我使用vue.config.js 文件指定我的应用在服务器上的路径（publicPath: '/my_app/'，但我的应用中的内部链接仍然是错误的：

他们指向my_site/destination，而不是指向my_site/my_app/destination。

如何解决这个问题？

Answer 1

内部链接由 Vue 路由器处理。

更改 Vue 路由器中的 base 选项应该可以解决您的问题。

https://router.vuejs.org/api/#base

样本

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