Vue Router history模式下如何部署到不同路径且避免使用相对路径？

各位小伙伴们，大家好呀！看看今天我又给各位带来了什么文章？本文标题是《Vue Router history模式下如何部署到不同路径且避免使用相对路径？》，很明显是关于文章的文章哈哈哈，其中内容主要会涉及到等等，如果能帮到你，觉得很不错的话，欢迎各位多多点评和分享！

vue-router history 模式中使用相对路径打包的解决方法

在vue-router history 模式中，由于浏览器地址栏中没有哈希标记，因此无法使用相对路径作为 publicpath。不过，对于需要将前端包部署到不同路径下的情况，有一种可行的方法是：

通过 nginx 配置实现

1. 打包前端代码 دون指定 baseurl。
2. 将打包后的代码部署到两个不同的端口（例如：9527 和 9528）。
3. 使用 nginx 代理配置将以下路径转发到对应的端口：

localhost/urlA -> localhost:9527
localhost/urlB -> localhost:9528

这样，您只需打包一份代码，就可以将其部署到两个不同的路径下，并且无需配置多个 base 选项或使用相对路径。

理论要掌握，实操不能落！以上关于《Vue Router history模式下如何部署到不同路径且避免使用相对路径？》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！