vue-cli 打包开发版路由刷新页面不见了

Question

vue-cli 打包开发版路由刷新页面不见了

我用 vue-create 创建的 vue 项目，自定义选的，，通过 serve 打包，首页到详情刷新路由页面正常，但是 通过
build 打包成dist 目录后，发现，进入首页，再进入 详情正常，但是这个时候刷新详情页面，页面就不存在了？

百度了下，发现 https://forum.vuejs.org/t/vue-cli-npm-run-build-404/12407 问题类似。要怎么解决呢？

Answer 1

扬_灵 2021-09-29 08:43:32

同学你好，看一下你项目中设置路由模式是什么，如果是history模式需要后台支持，可以使用hash模式试下。

• 提问者 同步MU #1

  import {
  	createRouter,
  	createWebHistory
  } from 'vue-router'
  
  const router = createRouter({
  	history: createWebHistory(process.env.BASE_URL),
  	routes,
  })
  
  export default router
  
  
  目前是这种,要怎么修改呢?

• 扬_灵 回复 提问者 同步MU #2

  改成下面这种就可以了history: createWebHashHistory(),

• 提问者 同步MU 回复 扬_灵 #3

  好的,非常感谢