如何使用 npm 运行 build 正确获取内部链接的 URL?
How to get internal links' URLs right with npm run build?
我的应用托管在子文件夹中:my_site.com/my_app/
。虽然我使用 vue.config.js
文件指定我的应用程序在服务器上的路径(publicPath: '/my_app/'
,但我的应用程序中的内部链接仍然是错误的:
他们没有指向 my_site/my_app/destination
,而是指向 my_site/destination
。
如何解决这个问题?
内部链接由 Vue 路由器处理。
更改 Vue 路由器中的 base
选项应该可以解决您的问题。
https://router.vuejs.org/api/#base
样本
new VueRouter({
base: '/my_app/',
routes: [...]
});
我的应用托管在子文件夹中:my_site.com/my_app/
。虽然我使用 vue.config.js
文件指定我的应用程序在服务器上的路径(publicPath: '/my_app/'
,但我的应用程序中的内部链接仍然是错误的:
他们没有指向 my_site/my_app/destination
,而是指向 my_site/destination
。
如何解决这个问题?
内部链接由 Vue 路由器处理。
更改 Vue 路由器中的 base
选项应该可以解决您的问题。
https://router.vuejs.org/api/#base
样本
new VueRouter({
base: '/my_app/',
routes: [...]
});