nginx vue2项目上线后刷新页面丢失
history 模式下,会出现一个致命的BUG,在服务器上面上线之后,点击页面跳转没有问题,但是一旦点击刷新页面会出现404错误,原因是history模式下刷新界面,就等同于向服务器直接请求
解决:
在ngnix中的server总加入一句话
location / {
try_files $uri $uri/ /index.html;
}
server
{
listen 端口号;
server_name IP地址;
index index.html;
root路径;
#服务器代理
# location ^~/api/ {
# proxy_pass 代理地址;
# }
location / {
try_files $uri $uri/ /index.html;
}
}
下班~