Vue项目部署时如何解决遇到的常见问题？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1360个文字，预计阅读时间需要6分钟。
在Vue-Router中，有两种主要的模式：默认的hash模式和history模式。
hash模式：也称为哈希模式，它的特点是URL中包含一个`#`符号。例如，`http://example.com/#/home`。这种模式下的URL不会发送到服务器，因此对SEO友好。
history模式：这种模式下，URL看起来更像是传统的URL，没有`#`符号。例如，`http://example.com/home`。这种模式需要服务器配置支持，以便正确处理URL路由。
写在前面
Vue-Router 有两种模式，默认是 hash 模式，另外一种是 history 模式。
- hash：也就是地址栏里的 # 符号。比如 www.example/#/hello，hash 的值为 #/hello。特点：hash 虽然出现 URL 中，但不会被包含在 HTTP 请求中，对后端不会产生什么影响，改变 URL 不会重载页面。
- history：利用了 HTML5 History Interface 中新增的 pushState() 和 replaceState() 方法，来完成 URL 跳转而无须重新加载页面。（需要特定浏览器支持）
hash 和 history 两种模式都是基于浏览器自身的属性，vue-router 只是利用了这两个特性（底层还是浏览器提供的接口）来实现前端路由。
本文共计1360个文字，预计阅读时间需要6分钟。
在Vue-Router中，有两种主要的模式：默认的hash模式和history模式。
hash模式：也称为哈希模式，它的特点是URL中包含一个`#`符号。例如，`http://example.com/#/home`。这种模式下的URL不会发送到服务器，因此对SEO友好。
history模式：这种模式下，URL看起来更像是传统的URL，没有`#`符号。例如，`http://example.com/home`。这种模式需要服务器配置支持，以便正确处理URL路由。
写在前面
Vue-Router 有两种模式，默认是 hash 模式，另外一种是 history 模式。
- hash：也就是地址栏里的 # 符号。比如 www.example/#/hello，hash 的值为 #/hello。特点：hash 虽然出现 URL 中，但不会被包含在 HTTP 请求中，对后端不会产生什么影响，改变 URL 不会重载页面。
- history：利用了 HTML5 History Interface 中新增的 pushState() 和 replaceState() 方法，来完成 URL 跳转而无须重新加载页面。（需要特定浏览器支持）
hash 和 history 两种模式都是基于浏览器自身的属性，vue-router 只是利用了这两个特性（底层还是浏览器提供的接口）来实现前端路由。