vue页面访问正常,但是一刷新就会404的问题解决办法:
第一种解决方法:
将vue路由模式mode: ‘history’ 修改为 mode: ‘hash’
//router.js文件
const router = new Router({
//mode: 'history',
mode: 'hash',
routes: [
{ path: '/', redirect: '/login' },
{ path: '/login', component: Login },
]
})
起初认为是路由模式导致404情况,更改之后发现还是不行,此时就需要在Nginx
配置文件中添加配置:
在服务器Nginx
配置文件里,添加如下代码,再刷新就OK了
location / {
try_files $uri $uri/ @router;
index index.html;
}
location @router {
rewrite ^.*$ /index.html last;
}
此时就完美解决线上服务器404的问题