问题描述
部署vue项目,配置好nginx文件后,通过路由跳转进入页面无问题,刷新后页面丢失,报nginx 404
原因分析
因为页面开发模式只有一个index.html入口,其他路径是通过路由跳转的,nginx没有对应这个路径,报错404。
解决方案
修改nginx.conf配置文件:
增加:try_files $uri $uri/ /index.html; #解决页面刷新404问题。
server {
listen 8080;
server_name localhost;
location / {
root E:\dist;
index index.html index.htm;
try_files $uri $uri/ /index.html; #解决页面刷新404问题
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}