vue打包部署后刷新页面出现404解决办法

最近因为公司业务，做了个数据的监控后台系统，用上了vue的iview-admin模板, 但是打包部署后刷新页面出现404了，就很懵，这个时候当然要努力的想办法解决，因为你看别人B站也是vue，那随便刷新的，开开心心，我也要开开心心。

经过很简单的词条搜索： vue部署后出现404

就得到了想要的结果，感觉跟着别人的博文试一波，ok的，于是赶紧记录一下，加深印象也留个脚印。

具体实现如下，  只需要在location /{content} 的content里加一句 try_files $uri $uri/ /index.html last; 即可，因为文档并没有读完，可能文档会有但我不知道，请勿喷。

        location / {

                try_files $uri $uri/ /index.html last;

                root /www/xxxx/dist/;

                autoindex on;

        }