美文网首页
vue3 路由使用history 模式,刷新页面会报404

vue3 路由使用history 模式,刷新页面会报404

作者: 冰落寞成 | 来源:发表于2023-03-03 11:44 被阅读0次

解决办法

router.js

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

vue.config.js

const BASE_URL = process.env.NODE_EVN !== 'development'
  ? '/'
  : '/'
const port = process.env.PORT || 8080

module.exports = defineConfig({
  transpileDependencies: true,
  //  基本路径
  publicPath: BASE_URL,

根路径必须使用“/”才不会出现刷新报错

相关文章

网友评论

      本文标题:vue3 路由使用history 模式,刷新页面会报404

      本文链接:https://www.haomeiwen.com/subject/wsgsldtx.html