2024年Web前端最全nginx部署vue后显示500 Internal Server Error解决方案(1)，阿里P7Web前端社招面试的经历

最新推荐文章于 2024-07-17 15:26:15 发布
最新推荐文章于 2024-07-17 15:26:15 发布
阅读量832 收藏 3
点赞数 5
分类专栏： 程序员 文章标签： 前端 面试 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84446919/article/details/138692925
版权

HTTP

  • HTTP 报文结构是怎样的？

  • HTTP有哪些请求方法？

  • GET 和 POST 有什么区别？

  • 如何理解 URI？

  • 如何理解 HTTP 状态码？

  • 简要概括一下 HTTP 的特点？HTTP 有哪些缺点？

  • 对 Accept 系列字段了解多少？

  • 对于定长和不定长的数据，HTTP 是怎么传输的？

  • HTTP 如何处理大文件的传输？

  • HTTP 中如何处理表单数据的提交？

  • HTTP1.1 如何解决 HTTP 的队头阻塞问题？

  • 对 Cookie 了解多少？

  • 如何理解 HTTP 代理？

  • 如何理解 HTTP 缓存及缓存代理？

  • 为什么产生代理缓存？

  • 源服务器的缓存控制

  • 客户端的缓存控制

  • 什么是跨域？浏览器如何拦截响应？如何解决？

    开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

我要访问/home/ubuntu/myapp/ruoyi/ruoyi-ui/dist的地址，路径写的完全没有问题。

在这里插入图片描述

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

在这里插入图片描述

这真的太坑了。

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

在这里插入图片描述

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

在这里插入图片描述

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

最后

推荐一些系统学习的途径和方法。

路线图

每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

HTML 和 CSS：

html5知识

css基础知识

2401_84446919
关注
  • 5
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
nginx部署vue后显示500 Internal Server Error解决方案
m0_61068496的博客
04-21 545
鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！nginx.conf里的权限设置默认是如图，就在第一行！最后看到error.log里的信息才恍然大悟，原来是权限问题。需要做的就是将权限设为root，这样就可以了！前端页面终于可以正常访问了！
nginx部署vue后显示500 Internal Server Error解决方案(1)
m0_61068496的博客
04-21 539
框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！
Nginx出现500 Internal Server Error 错误的解决方案
09-14
主要介绍了Nginx出现500 Internal Server Error 错误的解决方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
nginx提示：500 Internal Server Error错误的解决方法
09-30
本文章来给大家总结了大量关于导致nginx中提示500 Internal Server Error错误的原因总结与解决方法分析有需要了解的朋友可参考参考
nginx出现500 Internal Server Error错误
qq_37686995的博客
06-05 1053
确保 Nginx 进程对所需的文件和目录具有正确的访问权限。例如，如果使用的是静态文件，确保 Nginx 进程对这些文件具有读取权限。如果 Nginx 代理了一个后端应用程序，那么问题可能出在后端应用程序上。查看应用程序的日志文件，找到具体的错误信息。如果 Nginx 代理了一个后端服务（例如 PHP-FPM、Python 应用等），确保这些服务正在运行并且没有错误。错误日志是最直接的信息来源，日志会记录导致 500 错误的具体原因。确保主机的端口 80 映射到容器的端口 80。
nginx提示：500 Internal Server Error错误解决办法
09-30
主要介绍了 nginx提示：500 Internal Server Error错误解决办法的相关资料,这里提供了解决该问题的详细步骤，希望能帮助到大家，需要的朋友可以参考下
Nginx显示500错误原因和解决方法
热门推荐
u014212540的博客
11-21 3万+
Nginx显示500错误原因和解决方法
nginx部署vue后显示500 Internal Server Error解决方案(2)
m0_61068496的博客
04-21 299
四轮技术面+一轮hr面结束，学习到了不少，面试也是一个学习检测自己的过程，面试前大概复习了 一周的时间，把以前的代码看了一下，字节跳动比较注重算法，面试前刷了下leetcode和剑指offer， 也刷了些在牛客网上的面经。大概就说这些了，写代码去了~祝大家都能收获大厂offer~篇幅有限，仅展示部分内容网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
Django + Vue 部署服务器nginx + uwsgi_nginx部署django和vue项目
m0_63174529的博客
04-21 871
设置在平滑的重启（直到接收到的请求处理完才重启）一个工作子进程中，等待这个工作结束的最长秒数。指出JS的宿主对象和原生对象的区别，为什么扩展JS内置对象不是好的做法？指出JS的宿主对象和原生对象的区别，为什么扩展JS内置对象不是好的做法？跟C,Java中的this有什么区别？跟C,Java中的this有什么区别？
web服务器nginx+部署前端vue项目
03-22
1. 什么是 nginx 和可以做什么事情 Nginx 是高性能的 HTTP 和反向代理的web服务器，处理高并发能力是十分强大的，能经受高负 载的考验,有报告表明能支持高达 50,000 个并发连接数。 其特点是占有内存少，并发能力强...
JavaScript中的对象，入职3个月的前端程序员面临转正，四轮面试后多久出结果
2201_75604580的博客
04-14 501
如果你已经下定决心要转行做编程行业，在最开始的时候就要对自己的学习有一个基本的规划，还要对这个行业的技术需求有一个基本的了解。有一个已就业为目的的学习目标，然后为之努力，坚持到底。如果你有幸看到这篇文章，希望对你有所帮助，祝你转行成功。网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）一个人可以走的很快，但一群人才能走的更远！
【Vue异常】yarn install ResponseError: Request failed “500 Internal Server Error“的解决方案
No8g攻城狮的博客
01-02 1127
将 npm 与 yarn 的registry 地址设置为相同即可。以下是我自己的操作。npm registry 与 yarn registry 地址不同导致的。设置 yarn registry 地址（然后使用 yarn install 命令执行。前提：npm registry 已设置为淘宝镜像地址（命令，过了一会儿显示执行成功。
OpenSNN推文：近期优质博客推荐汇总
opensnn的博客
07-12 397
国内个人博客站点众多，涵盖了技术、生活、艺术等多个领域。
更新商品前端接口编写
weixin_55639995的博客
07-12 419
那么在vue运行的时候,会加载所有的ref属性特征的元素还有组件。标签中ref的作用就是将 该组件注册到vue对象的ref属性中。使用插槽,那个scope就是代表着一行的数据。然后里面的选项遍历的是 js定义的数据。如果文字显示过多可以使用 文本隐藏显示。表单绑定还有表单数据的绑定。数据绑定使用的表单绑定状态。写form表单然后封装数据。状态的选择使用的是选择框。副标题使用的是文本域。状态页面使用,下拉框。富文本选择器使用组件。使用后端枚举类型去写。
Web前端-Web开发CSS基础6-弹性盒子
a15735748145a的博客
07-16 1154
10. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。11. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。12. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。
TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！
最新发布
OpenTiny的博客
07-17 714
本文由体验技术团队Kagol老师原创~我们非常高兴地宣布，2024年6月26日，TinyVue 发布了 v3.17.0 🎉。TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们重构了 chart-core，新增 CircleProcessChart 圆环进度图等6个新的图表组件，并增加了 Statistic 数据统计组件。表格图片超链接复制粘贴插入表情文件上传@提醒斜杆菜单v-auto-tip。
中间件的理解
modi000的博客
07-15 258
直接返回，前置服务可以支持更高流量的并发，后置的需要耗时、耗力的，需要IO操作的服务，可以通过MQ慢慢处理。前端写消息的速率比后端处理消息的速率要快很多的。a.快递员角度：快递员无需将快递直接交到用户手里，放在菜鸟驿站即可走了，增加了送快递的数量，提高了送快递的效率；b.用户角度：快递到达的时候在上班，当时无时间取快递，当有了菜鸟驿站后，用户可以在下班闲暇时间去取快递。所以，中间件可以多个可能互相调用的系统耦合程度，提升接口的响应速度，。c.双十一的时候，快递量暴增，快递员不会手忙脚乱、用户可排序取快递。
centos7 使用Nginx部署vue项目 报500 Internal Server Error
05-14
500 Internal Server Error是一个比较常见的错误，表示服务器在执行请求时遇到了错误，但是没有具体说明错误的原因。这种错误通常是因为服务器端代码出现了错误或者配置文件有误。 首先，您可以查看Nginx的错误日志，通常在`/var/log/nginx/error.log`目录下。打开该文件，查看是否有相关的错误信息。 其次，您可以在Nginx的配置文件中添加以下配置： ``` location / { try_files $uri $uri/ /index.html; # 其他配置项 } ``` 这个配置项中的`try_files`指令会尝试访问请求的URI，如果找不到，则会尝试访问同级目录下的index.html文件。这通常是因为Vue项目是一个单页面应用，需要将所有请求都重定向到index.html文件，然后由Vue路由来处理具体的路由。 最后，如果您的Vue项目中使用了后端API，还需要确保API服务已经正确启动，并且Nginx配置文件中已经正确代理了API服务的请求。 如果以上方法都无法解决问题，您可以尝试将您的Nginx配置文件和错误日志提供给我，我可以帮您进一步分析问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值