去掉vue地址栏中分隔#问题
2024-10-19 15:51:41
你需要开启HTML5 History 模式
vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。
如果不想要很丑的 hash,我们可以用路由的 history 模式,这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。
const router = new VueRouter({
mode: 'history',
routes: [...]
}) 这种配置需要配合后端服务器的配置,如果你对服务器是nginx
location / {
try_files $uri $uri/ /index.html;
}
你们的支持,是我坚持的动力~
最新文章
- Android数据库相关整理
- 淘宝分布式NOSQL框架:Tair
- android修改debug keystore文件使之和正式keystore sha1一致
- 百度地图学习(II)-Android端的定位
- oracle decode
- 【hadoop】有参考价值的博客整理
- spring mvc &;lt;mvc:annotation-driven&;gt;配置使用出现故障
- [LeetCode]题解(python):003-Longest Substring Without Repeating Characters
- 使用PHPmailer 发送邮件,使用QQ smtp服务器
- destoon源码分析一
- 内存分配的原理__进程分配内存有两种方式,分别由两个系统调用完成:brk和mmap(不考虑共享内存)
- SQL Server死锁中的会话隔离级别为序列化(Serializable)实验测试
- MySQL中binlog参数:binlog_rows_query_log_events-记录具体的SQL【转】
- 6E - 寒冰王座
- Vue+typescript报错项
- Android 开发工具介绍-SDK工具和平台工具
- Lodash 中文文档 (v4.16.1) 手机版
- 机器学习入门-K-means算法
- USACO Section1.1
- excel中,一系列单元格中包含某一个字段的单元格数量?