打包路由模式

打包之前的路由模式

**目标**配置打包之前的路由模式

在SPA单页应用中，有两种路由模式

hash模式 ： #后面是路由路径，特点是前端访问，#后面的变化不会经过服务器

history模式：正常的/访问模式，特点是后端访问，任意地址的变化都会访问服务器

开发到现在，我们一直都在用hash模式，打包我们尝试用history模式

改成history模式非常简单，只需要将路由的mode类型改成history即可

const createRouter=()=>newRouter({
  mode:'history',// require service support
scrollBehavior:()=>({ y:0}),// 管理滚动行为 如果出现滚动 切换就让 让页面回到顶部
  routes:[...constantRoutes]// 改成只有静态路由})

假设我们的地址是这样的 www.xxxx/com/hr/a www.xxxx/com/hr/b

我们会发现，其实域名是**www.xxxx/com**，hr是特定的前缀地址，此时我们可以配置一个base属性，配置为hr

const createRouter=()=>newRouter({
  mode:'history',// require service support
  base:'/hr/',// 配置项目的基础地址
  scrollBehavior:()=>({ y:0}),// 管理滚动行为 如果出现滚动 切换就让 让页面回到顶部
  routes:[...constantRoutes]// 改成只有静态路由})

此时，我们会发现地址已经变成我们想要的样子了