vue项目部署到服务器后，在子页面刷新出现404

在官网上已给出原因https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%90

这是由于vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。

在nginx上只需要在nginx的配置文件中的以下位置加上 try_files $uri $uri/ /index.html;

location / {
            try_files $uri $uri/ /index.html;
        }
执行命令/usr/local/nginx/sbin/nginx -s reload，重启更新nginx配置即可

转载于:https://my.oschina.net/u/4091506/blog/3027438