0
0
霞舞
发布时间：2024-11-22 08:18:02
|789人浏览过
|来源于php中文网
原创
vue-router history 模式中使用相对路径打包的解决方法
在vue-router history 模式中，由于浏览器地址栏中没有哈希标记，因此无法使用相对路径作为 publicpath。不过，对于需要将前端包部署到不同路径下的情况，有一种可行的方法是：
通过 nginx 配置实现
localhost/urlA -> localhost:9527 localhost/urlB -> localhost:9528
这样，您只需打包一份代码，就可以将其部署到两个不同的路径下，并且无需配置多个 base 选项或使用相对路径。
立即学习“前端免费学习笔记（深入）”；
相关文章
如何在 Vue 中通过点击菜单项关闭 Vuetify 的 v-menu 组件
如何在 Vue 中点击菜单项后手动关闭 Vuetify 2 的下拉菜单
如何在 Vue 中通过点击菜单项关闭 Vuetify 2 的下拉菜单
如何掌握JavaScript中的设计模式_JavaScript观察者模式如何实现事件监听
如何在 Vue 中实现计算属性的懒加载与安全错误提示
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
nginx重启对于网站的运维来说是非常重要的，根据不同的需求，可以选择简单重启、平滑重启或定时重启等方式。本专题为大家提供nginx重启的相关的文章、下载、课程内容，供大家免费下载体验。
229
2023.07.27
Nginx的配置是指设置和调整Nginx服务器的行为和功能的过程。通过配置文件，可以定义虚拟主机、HTTP请求处理、反向代理、缓存和负载均衡等功能。Nginx的配置语法简洁而强大，允许管理员根据自己的需要进行灵活的调整。php中文网给大家带来了相关的教程以及文章，欢迎大家前来学习阅读。
495
2023.08.04
tomcat和nginx的区别：1、应用领域；2、性能；3、功能；4、配置；5、安全性；6、扩展性；7、部署复杂性；8、社区支持；9、成本；10、日志管理。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。
227
2024.02.23
当访问 nginx 网页服务器时遇到 404 错误，表明服务器无法找到请求资源，可以通过以下步骤解决：1. 检查文件是否存在且路径正确；2. 检查文件权限并更改为 644 或 755；3. 检查 nginx 配置，确保根目录设置正确、没有冲突配置等等。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。
332
2024.07.09
解决方法：只需要加上这段配置：try_files $uri $uri/ /index.html;即可。想了解更多Nginx的相关内容，可以阅读本专题下面的文章。
3507
2024.08.07
热门下载
相关下载
精品课程
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
