Vue3---Vue3项目切换(设置)路由模式

2023-11-17 09:46:10

解决用vue3项目npm run build 之后dist文件打开出现空白问题。
hash模式：在路由index.js文件中导入 createWebHashHistory
```
import {createRouter,createWebHashHistory} from 'vue-router'
```
在路由index.js文件中导入注册使用 createWebHashHistory

const router = createRouter({
  history: createWebHashHistory(process.env.BASE_URL),
  routes
})

history模式：在路由index.js文件中导入 createWebHistory
```
import {createRouter,createWebHistory} from 'vue-router'
```
在路由index.js文件中导入注册使用 createWebHistory

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})