面试题 vue router中hash模式和history模式的区别
时间: 2024-05-19 11:13:17 浏览: 69
资源之前端模拟面试题
Vue Router有两种模式:hash模式和history模式。它们的区别如下:
1. hash模式:URL中会包含一个#,例如http://example.com/#/home。当URL中的#后面的内容发生变化时,浏览器不会重新加载页面,而是会触发hashchange事件,然后根据新的URL显示相应的页面内容。
2. history模式:URL中不包含#,例如http://example.com/home。当URL发生变化时,浏览器会向服务器发送请求,服务器返回相应的HTML页面,浏览器重新加载页面并显示新的内容。
总的来说,hash模式的优点是兼容性好,可以在所有浏览器中使用,不需要服务器端的支持;缺点是URL中包含#,看起来不太美观。history模式的优点是URL看起来更加美观,没有#的干扰;缺点是需要服务器端的支持,否则刷新页面会出现404错误。
阅读全文