VUE项目
问题描述
本地正常,但是打包部署到Nginx后界面刷新出现404
原因
vue路由用的history
解决方案:
在nginx.conf 中加入:try_files $uri $uri/ /index.html;
location / {
root 项目地址;
index index.html index.htm;
try_files $uri $uri/ /index.html;
}
try_files 在你刷新完页面之后会把地址进行重定向处理,就会去找你的真实页面,找到则显示,找不到时会默认显示index页面
执行docker restart nginx