nginx部署vue后显示500 Internal Server Error解决方案

今天部署vue前端项目一直报错500,无法显示出主页面。

nginx部署vue后显示500 Internal Server Error解决方案_第1张图片一个以为是自己的dist位置没有访问正确或者nginx.conf的位置写的不对,,最后才发现!是权限的问题!!
我要访问/home/ubuntu/myapp/ruoyi/ruoyi-ui/dist的地址,路径写的完全没有问题。

nginx部署vue后显示500 Internal Server Error解决方案_第2张图片

最后看到error.log里的信息才恍然大悟,原来是权限问题

nginx部署vue后显示500 Internal Server Error解决方案_第3张图片

这真的太坑了。
nginx.conf里的权限设置默认是如图,就在第一行!!是被注释掉的,那么默认就表示什么权限也没有。。所以无法访问。

nginx部署vue后显示500 Internal Server Error解决方案_第4张图片

需要做的就是将权限设为root,这样就可以了!

nginx部署vue后显示500 Internal Server Error解决方案_第5张图片

前端页面终于可以正常访问了!!!太不容易了!

nginx部署vue后显示500 Internal Server Error解决方案_第6张图片

你可能感兴趣的:(vue.js,nginx,前端)