vue项目放到云服务器上，路由切换没问题，但是一刷新 Not Found

Question

进入页面，切换路由，都能正常显示（忽略后台接口），但是一刷新就会出现第二张图示，大佬们有没有遇到过的，谷歌了一中午，没解决😭

手动分割线
第二张
第二张
第二张
手动分割线

Answer 1

你这种情况是使用了history路由，处理方式见： history.pushState 的路由

或者采用hash路由,在你的路由声明时需要如下处理：
3.x
4.x

//4.x
const router = createRouter({
  history: createWebHashHistory(),
  routes: [
    //...
  ],
})

//3.x
const createRouter = () => new Router({
  // mode: 'history', // require service support
  routes: [
    //...
  ],
})

Answer 2

https://btfy.vercel.app/?q=dn...

Answer 3

推荐将项目打包后的dist文件夹下内容丢在nginx下，做一个重定向。

Answer 4

是不是axios的baseUrl前面没加 ‘/’