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

vue router history模式下如何部署到不同路径且避免使用相对路径?

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

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

通过 nginx 配置实现

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

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

登录后复制

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

立即学习“前端免费学习笔记(深入)”;

以上就是Vue Router history模式下如何部署到不同路径且避免使用相对路径?的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2648781.html

(0)
上一篇 2025年3月7日 08:17:25
下一篇 2025年3月7日 08:17:31

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论