VUE项目本地正常，部署到服务器上之后刷新子页面之后404

环境：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~~