vue-router history 模式中使用相对路径打包的解决方法
在vue-router history 模式中，由于浏览器地址栏中没有哈希标记，因此无法使用相对路径作为 publicpath。不过，对于需要将前端包部署到不同路径下的情况，有一种可行的方法是：
通过 nginx 配置实现
通义万相
通义万相，一个不断进化的AI艺术创作大模型
596 查看详情 打包前端代码 دون指定 baseurl。将打包后的代码部署到两个不同的端口（例如：9527 和 9528）。使用 nginx 代理配置将以下路径转发到对应的端口：
localhost/urlA -> localhost:9527localhost/urlB -> localhost:9528
这样，您只需打包一份代码，就可以将其部署到两个不同的路径下，并且无需配置多个 base 选项或使用相对路径。
立即学习“前端免费学习笔记（深入）”；
以上就是Vue Router history模式下如何部署到不同路径且避免使用相对路径？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/398933.html
微信扫一扫 
支付宝扫一扫 
