如果多个项目要发布至同一个域名下,或Vue项目要加项目名访问时,则可以通过域名后加统一前缀来区分及路由至指定的服务,例如同一域名下:
站点A:https://www.abc.com
站点B:https://www.abc.com/bbb
站点B-接口API:https://www.abc.com/bbb/api
Vue项目访问路径加统一前缀步骤:
(1)给静态资源加前缀
vue.config.js文件 新增属性:publicPath: "/business-admin/"
例如下所示(生产环境加/admin/前缀,否则不加):
module.exports = {
// 如果你的应用被部署在 https://www.xxx.com/admin/,则设置publicPath为 /admin/
publicPath: process.env.NODE_ENV === "production" ? "/admin/" : "/",
// build生成文件的目录名称(默认dist)
outputDir: 'dist',
// 用于放置生成的静态资源 (js、css、img、fonts)
assetsDir: 'static',
...
}
官方参考文档:
https://cli.vuejs.org/zh/config/#publicpath