vue 项目 页面刷新404问题

Vue刷新出现404的现象有两种方法解决

第一种在你的服务器里设置配置文件

location / {
 try_files $uri $uri/ @router;
  index index.html;
}
 
location @router {
  rewrite ^.*$ /index.html last;
}

第二种

将vue路由模式mode: 'history' 修改为 mode: 'hash'

 //router.js文件
const router = new Router({
    //mode: 'history', 
    mode: 'hash',
    routes: [
        { path: '/', redirect: '/login' },
        { path: '/login', component: Login },
    ]
})