Vue项目部署常见难题及应对策略有哪些？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1344个文字，预计阅读时间需要6分钟。
在Vue-Router中，有两种主要的模式：默认是hash模式，另一种是history模式。
hash模式：也称为哈希模式，通过在URL中添加`#`符号来标识路由。例如，`http://example.com/#/home`。
history模式：利用HTML5的History API，实现无hash的URL模式。这种模式下，URL看起来更像是普通的浏览器URL，没有`#`符号。例如，`http://example.com/home`。
写在前面
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 只是利用了这两个特性（底层还是浏览器提供的接口）来实现前端路由。
使用场景
一般来说，两种模式都是可以的。除非在意不太漂亮的 #，只能选择 history。
这两种模式在开发环境下都没有什么太大的问题，但是当部署到生产环境中后，两者有所不同。
本文共计1344个文字，预计阅读时间需要6分钟。
在Vue-Router中，有两种主要的模式：默认是hash模式，另一种是history模式。
hash模式：也称为哈希模式，通过在URL中添加`#`符号来标识路由。例如，`http://example.com/#/home`。
history模式：利用HTML5的History API，实现无hash的URL模式。这种模式下，URL看起来更像是普通的浏览器URL，没有`#`符号。例如，`http://example.com/home`。
写在前面
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 只是利用了这两个特性（底层还是浏览器提供的接口）来实现前端路由。
使用场景
一般来说，两种模式都是可以的。除非在意不太漂亮的 #，只能选择 history。
这两种模式在开发环境下都没有什么太大的问题，但是当部署到生产环境中后，两者有所不同。