Docker中的Nginx部署ruoyi-vue遇到的问题

一、问题描述：

docker下的nginx部署前端项目报500、404错误。

二、先说解决办法：

1. docker下的nginx只能读到挂载路径下面的文件，需要将编译好的前端项目文件夹复制到nginx挂载的路径下；

2. docker下的nginx的nginx.conf配置文件中的localhost地址无法访问，需要配置成服务器IP地址。

三、再说问题分析：

先看看nginx安装和挂载情况：docker下安装nginx教程。

根据若依文档中的nginx配置修改了挂载出来的nginx.conf配置文件结果报500错误，百度搜了很多解决方法都没有解决，通过查看nginx错误日志看到报错：

*1 rewrite or internal redirection cycle while internally redirecting to "//index.html/index.html/index.html/index.html/index.html/index.html/index.html/index.html/index.html/index.html/index.html", client: 192.168.118.1, server: 192.168.118.128, request: "GET / HTTP/1.1", host: "192.168.118.128"

搜索该错误找到官方回复：

修改配置文件后没有解决，随后删掉

try_files $uri $uri/ /index.html;

这行代码后再次访问报404错误。通过查看nginx错误日志看到报错：

"/mydata/nginx/html/dist/index.html" is not found (2: No such file or directory), client: 192.168.118.1, server: 192.168.118.128, request: "GET / HTTP/1.1", host: "192.168.118.128"

结合百度搜索该问题才知道是docker下的nginx只能读到挂载路径下面的文件（菜鸡表现，学无止境啊），所以将编译好的前端项目文件夹复制到nginx挂载的路径下，并且修改配置文件中的root路径，再次访问成功加载首页。

但是提示后台接口错误。同样的思路想到nginx.conf配置文件中的localhost地址无法访问，改成服务器IP项目正常运行。

贴出nginx.conf配置信息

user  root;
worker_processes  1;events {worker_connections  1024;
}http {include       mime.types;default_type  application/octet-stream;sendfile        on;keepalive_timeout  65;server {listen       80;server_name  localhost;charset utf-8;location / {root   /usr/share/nginx/html/dist; #根目录路径需要在nginx挂载路径下try_files $uri $uri/ /index.html;index  index.html index.htm;}location /prod-api/ {proxy_set_header Host $http_host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header REMOTE-HOST $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_pass http://192.168.118.128:88/; #访问地址必须问服务器IP不能用localhost}error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}}
}

Docker中的Nginx部署ruoyi-vue遇到的问题相关推荐

在Docker中安装和部署MongoDB集群
在Docker中安装和部署MongoDB集群 - tianshidan1998 - 博客园
给Docker中的Nginx搭建HTTPS环境
随着苹果和微信小程序强制使用HTTPS协议传输,越来越多的公司和企业开始使用HTTPS.下面我来分享下给Docker容器中的Nginx搭建HTTPS环境什么是HTTPS 超文本传输安全协议(英语:H ...
Nginx版本升级以及Docker中的Nginx版本升级
背景: 经安全检测,当前版本的nginx有风险,需要升级到最新版本的nginx,于是进行了原生的nginx版本升级和docker中的nginx版本进行升级一.原生Nginx版本升级直接安装到服务器 ...
滚动 docker 中的 nginx 日志
Nginx 自己没有处理日志的滚动问题,它把这个球踢给了使用者.一般情况下,你可以使用 logrotate 工具来完成这个任务,或者如果你愿意,你可以写各式各样的脚本完成同样的任务.本文笔者介绍如何滚 ...
ajax nginx 转发 sessionid_Nginx：初识Nginx（概念、在Docker中安装Nginx、常用命令、配置文件） - 怀梦想，致远方...
1.Nginx初识 (1)概念 Nginx是一个高性能的HTTP和反向代理服务器,特点是占有内存少,并发能力强,事实上nginx的并发能力确实在同类型的网页服务器中表现较好 Nginx可以作为静态页面 ...
Docker中的Nginx搭建HTTPS环境
准备 1.已安装好docker环境 2.申请好域名 3.SSL证书(可选) 一.安装Nginx docker pull nginx 查看docker镜像: docker images 二.进行配置建 ...
gogs只支持mysql5.7_在docker中跑nginx,gogs,mysql服务
下载加速 echo "OPTIONS='--registry-mirror=https://mirror.ccs.tencentyun.com'" >> /etc/sy ...
Docker中创建nginx容器出现docker: Error response from daemon: driver failed programming exter...解决
使用nginx.conf配置文件创建nginx容器时出现: 解决: 根据出现的错误查找相应端口进程 netstat -apn | grep 80 找到后杀死进程 kill -9 954 重新启动Doc ...
查看Docker中的nginx latest具体版本
docker image inspect nginx:latest | grep -i version

Docker中的Nginx部署ruoyi-vue遇到的问题

Docker中的Nginx部署ruoyi-vue遇到的问题相关推荐

最新文章

热门文章