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

最新推荐文章于 2024-08-25 15:41:29 发布
最新推荐文章于 2024-08-25 15:41:29 发布
阅读量2.2w 收藏 34
点赞数 25
分类专栏： linux 前端 文章标签： Vue 500错误 权限 nginx.conf 前端部署
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/changyana/article/details/123453755
版权
前端 同时被 2 个专栏收录
87 篇文章 2 订阅
订阅专栏
linux
16 篇文章 0 订阅
订阅专栏

今天部署vue前端项目一直报错500，无法显示出主页面。
在这里插入图片描述

一个以为是自己的dist位置没有访问正确或者nginx.conf的位置写的不对，，最后才发现！是权限的问题！！
我要访问/home/ubuntu/myapp/ruoyi/ruoyi-ui/dist的地址，路径写的完全没有问题。
在这里插入图片描述
最后看到error.log里的信息才恍然大悟，原来是权限问题
在这里插入图片描述

这真的太坑了。
nginx.conf里的权限设置默认是如图，就在第一行！！是被注释掉的，那么默认就表示什么权限也没有。。所以无法访问。
在这里插入图片描述
需要做的就是将权限设为root，这样就可以了！

在这里插入图片描述
前端页面终于可以正常访问了！！！太不容易了!在这里插入图片描述

ChangYan.
关注
专栏目录
nginx提示：500 Internal Server Error错误解决办法
09-30
主要介绍了 nginx提示：500 Internal Server Error错误解决办法的相关资料,这里提供了解决该问题的详细步骤，希望能帮助到大家，需要的朋友可以参考下
JavaScript中的对象，入职3个月的前端程序员面临转正，四轮面试后多久出结果
2201_75604580的博客
04-14 606
如果你已经下定决心要转行做编程行业，在最开始的时候就要对自己的学习有一个基本的规划，还要对这个行业的技术需求有一个基本的了解。有一个已就业为目的的学习目标，然后为之努力，坚持到底。如果你有幸看到这篇文章，希望对你有所帮助，祝你转行成功。网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）一个人可以走的很快，但一群人才能走的更远！
前端vue报net::ERR_FAILED 500 (Internal Server Error)
最新发布
weixin_40486739的博客
08-25 359
其他业务异常正常返回，但是filter异常在前端报跨域异常：No 'Access-Control-Allow-Origin' header is present, net::ERR_FAILED 500 (Internal Server Error)这是由于自定义的controller没有配置跨域，给ErrorControllerImpl 加上@CrossOrigin注解就可以了。spring boot的filter抛出的自定义异常，使用自定义controller来捕获。
vue3使用import引入组件报Internal server error: Failed to resolve import “@/components/xxx“错误
hua_ban_yu的博客
04-15 7881
使用vue3 + ts搭建项目，引入vue组件时报，[vite] Internal server error: Failed to resolve import "@/components/home/HomeSearch" from "src/views/HomeView.vue". Does the file exist?原因：直接引入vue组件但没有在vite.config.ts文件配置扩展。方案1、在vite.config.ts文件中添加扩展，保存后重新运行即可。引入组件添加.vue后缀，如图。
nginx部署vue前端项目，访问报错500 Internal Server Error
weixin_43976226的博客
09-19 2148
至于为什么会出现标题上面的报错，是因为我把配置文件内的 root 对应的路径写错了。所以在我排查的过程中，一直觉得很奇怪，明明html路径也有，容器启动正常，就是访问不到。花费了一些时间。知识归纳：在这个实验中，我意识到nginx.conf这个文件针对的是容器内部才有效，而不是看着容器外面的路径。
关于vue项目部署到服务器页面刷新会出错（页面报错：500 Internal Server Error）
Namaste_的博客
08-30 1万+
废话少说先上错误图片： 首先分析一下出现这个错误的原因是前端项目路由配置的时候路由的用了history模式(mode: ‘history’)；用这种模式的好处是让我们的URL看起来不像hash那么丑（url中会有#），大家应该都懂，这里就不用多详细介绍了，不过这种模式（history）要玩好，还需要后台配置支持。因为我们的应用是个单页客户端应用，如果后台没有正确的配置，就会返回404，对于后端配...
vue axios调用接口方法报错500 internal server error的解决方法
热门推荐
每天学习一点点
03-13 4万+
前端使用axios 访问后端接口时报错: 在浏览器中点击红色的报错数据,可以看到下图: 从服务器返回的信息可以看出是请求服务器时传递的请求参数存在非法字符,被服务器拦截. 解决办法有两种: 1.把非法字符删除后再请求服务器 2.如果后端是c#接口,可以在web.config文件中做一个配置便可,具体操作如下图所示: 在配置文件中添加红色框中的代码,然后重启服务即...
nginx出现500 Internal Server Error错误
qq_37686995的博客
06-05 3325
确保 Nginx 进程对所需的文件和目录具有正确的访问权限。例如，如果使用的是静态文件，确保 Nginx 进程对这些文件具有读取权限。如果 Nginx 代理了一个后端应用程序，那么问题可能出在后端应用程序上。查看应用程序的日志文件，找到具体的错误信息。如果 Nginx 代理了一个后端服务（例如 PHP-FPM、Python 应用等），确保这些服务正在运行并且没有错误。错误日志是最直接的信息来源，日志会记录导致 500 错误的具体原因。确保主机的端口 80 映射到容器的端口 80。
nginx部署vue后显示500 Internal Server Error解决方案(1)
m0_61068496的博客
04-21 688
框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！
centos7 使用Nginx部署vue项目 报500 Internal Server Error
05-14
500 Internal Server Error是一个比较常见的错误，表示服务器在执行请求时遇到了错误，但是没有具体说明错误的原因。这种错误通常是因为服务器端代码出现了错误或者配置文件有误。 首先，您可以查看Nginx的错误日志...
前后端分离微服务项目-Nginx部署前端Vue
by0920的博客
03-07 5413
第一次使用Nginx，Nginx具体是什么，有什么用，可以自行百度一下。项目背景是前后端分离项目，后端采用springboot、springCloud等框架，前端主要采用Vue。这次采用Nginx的方式部署前端项目，这里系统为Windows系统。 首先，我们先安装Nginx环境，官网下载地址：http://nginx.org/en/download.html下载完是个压缩包，解压后是这样的： ...
Django + Vue 部署服务器nginx + uwsgi_nginx部署django和vue项目
m0_63174529的博客
04-21 1066
设置在平滑的重启（直到接收到的请求处理完才重启）一个工作子进程中，等待这个工作结束的最长秒数。指出JS的宿主对象和原生对象的区别，为什么扩展JS内置对象不是好的做法？指出JS的宿主对象和原生对象的区别，为什么扩展JS内置对象不是好的做法？跟C,Java中的this有什么区别？跟C,Java中的this有什么区别？
2024年vue 文本超过2行展示更多：列表做法、单个文本做法(2)，2024年最新web前端工程面试问题有哪些
2401_84617873的博客
05-10 356
推荐一些系统学习的途径和方法。每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】HTML 和 CSS：“展开” : “收起”}}单个div 里面超出2行显示更多。
nginx提示：500 Internal Server Error错误
糖糖糖糖糖先森
06-07 2万+
今天发现网站无法上传资源和发布文章，通过浏览器查看服务器的返回信息 500 Internal Server Error刚开始我以为是应用服务器或者是程序异常，检查了下各自的日志，连请求记录都无，程序代码里也没抛出过该类型的异常，所以可以从服务器或者Nginx中找原因了。1、是否磁盘空间不足？使用 df -k 查看硬盘空间是否满了。清理硬盘空间就可以解决500错误。nginx如果开启了access l
Nginx 500 Internal Server Error
lyflyyvip的博客
10-18 1618
nginxtry_files配置 try_files uriuri uri/ /index.html?q=uri&uri&args; 配置后出现500 Internal Server Error 错误，查询日志发现时由于内部重定向引发原因。具体原因是因为nginx在打开文件的时候依据规则进行判断后无法正确返回文件，或文件未找到解决办法 if (!-e $request_filename){
云服务器vue部署 NGINX 报错500
m0_51664372的博客
12-14 334
云服务器部署vue nginx报错500
评论 12
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值