框架篇-Vue面试题2-说说vue-router路由模式

vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL改变时，页面不会重新加载

如下所示

http://localhost/#home

如果觉得hash很丑，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API来完成 URL跳转而无须重新加载页面

const router = new VueRouter({
  mode: 'history',
  routes: [...]
})

如下所示

http://localhost/home

配置路由模式:

• hash: 使用 URL hash 值来作路由。支持所有浏览器，包括不支持HTML5 History Api的浏览器。
• history: 依赖 HTML5 History API 和服务器配置。查看 HTML5 History 模式。
• abstract: 支持所有 JavaScript 运行环境，如 Node.js 服务器端。如果发现没有浏览器的 API，路由会自动强制进入这个模式

base为应用的基础路径,例如:整个单页面应用服务在/app/下,那么base就应该设为/app/,当你在HTML5 history模式下使用base选项之后,所有的to属性都不需要写基础路径了