AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

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

2023-11-20 1423
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： nginx部署vue后显示500 Internal Server Error解决方案
前言

描述：当我配置好全部之后，通过 服务器ip 地址访问，遇到报错信息：500 Internal Server Error。

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

一个以为是自己的dist位置没有访问正确或者nginx.conf的位置写的不对，，最后才发现！是权限的问题！！

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

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

这真的太坑了。

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

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

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

 

 

文章标签：
JavaScript
应用服务中间件
nginx
前端开发
Ubuntu
关键词：
Nginx server error
Nginx server
Nginx部署
Nginx vue
Nginx部署vue
Y2000104
目录
相关文章
dufadayang
|
JavaScript
在 Vue 中处理组件选项与 Mixin 选项冲突的详细解决方案
【10月更文挑战第18天】通过以上的分析和探讨，相信你对在 Vue 中使用 Mixin 时遇到组件选项与 Mixin 选项冲突的解决方法有了更深入的理解。在实际开发中，要根据具体情况灵活选择合适的解决方案，以确保代码的质量和可维护性。
dufadayang
624 7
34789737
|
JavaScript 前端开发 UED
Vue 表情包输入组件的实现代码：支持自定义表情库、快捷键发送和输入框联动的聊天表情解决方案
本文详细介绍了在 Vue 项目中实现一个功能完善、交互友好的表情包输入组件的方法，并提供了具体的应用实例。组件设计包含表情分类展示、响应式布局、与输入框的交互及样式定制等功能。通过核心技术实现，如将表情插入输入框光标位置和点击外部关闭选择器，确保用户体验流畅。同时探讨了性能优化策略，如懒加载和虚拟滚动，以及扩展性方案，如自定义主题和国际化支持。最终，展示了如何在聊天界面中集成该组件，为用户提供丰富的表情输入体验。
34789737
942 8
六卿
|
JavaScript
Vue+element_Table树形数据与懒加载报错Error in render: “RangeError: Maximum call stack size exceeded“
本文讨论了在使用Vue和Element UI实现树形数据和懒加载时遇到的“Maximum call stack size exceeded”错误，指出问题的原因通常是因为数据中的唯一标识符`id`不唯一，导致递归渲染造成调用栈溢出。
六卿
1445 1
Vue+element_Table树形数据与懒加载报错Error in render: “RangeError: Maximum call stack size exceeded“
zzy的aly
|
网络协议 应用服务中间件 nginx
FFmpeg错误笔记(一):nginx-rtmp-module推流出现 Server error: Already publishing
这篇文章讨论了在使用nginx-rtmp-module进行RTMP推流时遇到的“Server error: Already publishing”错误，分析了错误原因，并提供了详细的解决办法，包括修改nginx配置文件和终止异常的TCP连接。
zzy的aly
832 0
FFmpeg错误笔记(一):nginx-rtmp-module推流出现 Server error: Already publishing
nanshaws
|
JavaScript 应用服务中间件 nginx
nginx部署vue项目
本文介绍了将Vue项目部署到Nginx的步骤，包括构建Vue项目、上传dist文件夹到服务器、安装Nginx、配置Nginx代理静态文件以及重启Nginx，确保了Vue应用可以通过域名或IP地址访问。
nanshaws
1132 1
刘大猫.
|
JavaScript 应用服务中间件 开发工具
vue尚品汇商城项目-day07【53.nginx反向代理配置】
vue尚品汇商城项目-day07【53.nginx反向代理配置】
刘大猫.
212 4
dream_ready
|
前端开发 JavaScript 应用服务中间件
linux安装nginx和前端部署vue项目（实际测试react项目也可以）
本文是一篇详细的教程，介绍了如何在Linux系统上安装和配置nginx，以及如何将打包好的前端项目（如Vue或React）上传和部署到服务器上，包括了常见的错误处理方法。
dream_ready
4762 0
linux安装nginx和前端部署vue项目（实际测试react项目也可以）
杀死一只知更鸟debug
|
人工智能 JavaScript 索引
Duplicate keys detected: This may cause an update error.【Vue遍历渲染报错的解决】
这篇文章讨论了在Vue中进行列表渲染时遇到的“Duplicate keys detected”错误。这个错误通常发生在使用 `v-for` 指令渲染列表时，如果没有为每个循环项指定一个唯一的 `key` 属性，或者指定的 `key` 属性值重复了。文章提供了导致错误的原始代码示例，并给出了修正后的代码，通过在 `key` 绑定中加入索引确保 `key` 的唯一性。此外，文章还解释了为什么需要唯一 `key` 以及如何解决这个问题。
杀死一只知更鸟debug
1744 0
Duplicate keys detected: This may cause an update error.【Vue遍历渲染报错的解决】
yuanzhengme
|
应用服务中间件 nginx
nginx error日志 client intended to send too large body: 1434541 bytes 如何处理？
【8月更文挑战第27天】nginx error日志 client intended to send too large body: 1434541 bytes 如何处理？
yuanzhengme
1150 6
jianz123
|
JavaScript 应用服务中间件 PHP
nginx server 禁止特定目录下的某类文件访问
【8月更文挑战第26天】这段Nginx配置代码旨在保护`/uploads/`目录下的文件，禁止执行任何`.php`, `.html`, `.htm`, 或 `.js`等潜在有害文件，即便被访问也无法运行。取而代之的是重定向到首页。为了实现这一设置，用户需要定位到对应子域名的`.conf`配置文件中进行相应修改。若网站支持多个访问域名，则需确保在正确的`.conf`文件中实施此配置。
jianz123
622 1

热门文章

最新文章

  • 1
    VUE之vxe-table高级表格（表格内增删改、导入、导出、自定义打印、列设置隐藏显示等）用法
  • 2
    Vite 按需引入 Ant Design Vue 3.0
  • 3
    Vue3中使用各类字体图标的正确姿势：本地SVG、Iconfont、FontAwesome、ElementPlus（图标选择器篇）
  • 4
    vue,react,angular都在用的commit规范,了解一下?
  • 5
    基于微信小程序的体育课评分系统+ssm+vue.js附带文章和源代码设计说明文档ppt
  • 6
    Vue 基于VSCode结合Vetur+ESlint+Prettier统一Vue代码风格
  • 7
    Vue3文字提示（Tooltip）
  • 8
    Vue3引入element-ui报错：Uncaught TypeError: Cannot read property ‘prototype‘ of undefined
  • 9
    从0搭建Vue3组件库(九):VitePress 搭建部署组件库文档
  • 10
    vue3 + TS + elementplus + pinia实现后台管理系统左侧菜单联动实现 tab根据路由切换联动内容
  • 1
    在虚拟机Docker环境下部署Nginx的步骤。
    424
  • 2
    手把手教你使用 Docker 部署 Nginx 教程
    4040
  • 3
    详细指南：配置Nginx服务器在Ubuntu平台上
    527
  • 4
    详细指南：配置Nginx服务器在Ubuntu平台上
    893
  • 5
    Kubernetes环境下Nginx代理Nacos服务请求故障诊断
    565
  • 6
    centos配置nginx-rtmp实现ffmpeg转码rtsp为rtmp视频流
    731
  • 7
    Nginx：高性能Web服务器与反向代理利器
    475
  • 8
    Nginx：高性能Web服务器的核心引擎
    328
  • 9
    Nginx：高性能的Web服务器与反向代理利器
    591
  • 10
    Nginx：高性能的Web服务器与反向代理利器
    384

    • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • Nginx企业级Web服务实战
  • Linux Web服务器Nginx搭建与配置
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程

    • 相关电子书

    更多
  • 《Nginx 代理系统常用手册》
  • CentOS Nginx PHP JAVA 多语言镜像使用手
  • CentOS Nginx PHP JAVA多语言镜像使用手册

    • 相关实验场景

    更多
  • 使用ACK Auto Mode集群快速部署Nginx工作负载
    • 下一篇
    一条命令迁移，帮你实现 OpenClaw 与 Hermes Agent 记忆互通！