赞
踩
环境:nginx服务器 框架:VUE
过五关,斩六将,项目终于开发完了
打包,部署,测试
哎哎哎~~,什么情况,页面刷新404
问题描述:
vue项目在本地时运行正常,但部署到服务器中,登录成功之后刷新页面,出现404错误
问题原因:
这是由于VUE框架中vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。
问题解决:
在配置文件中加入:try_files $uri $uri/ /index.html;
即location / {
root 项目地址;
index index.html index.htm;
try_files $uri $uri/ /index.html;
}
nginx中try_files 在你刷新完页面之后会把地址进行重定向处理,就会去找你的真实页面,找到则显示,找不到时会默认显示index页面
更新nginx.conf 在sbin文件下进行配置更新 ./nginx -s reload
叮叮当当,页面刷新正常
亲爱的们,快去试试吧,问题已解决,亲测有效。mua~~
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。