六、docker安装ngxin部署若以前端

news2025/1/18 4:50:06

1.第一次安装,不进行挂载数据卷,

docker run \
-p 8060:80 \
--name nginx \
--privileged=true \
--restart=always \
-d nginx:1.17.8

2. 将配置信息复制到宿主机本地

# 将容器nginx.conf文件复制到宿主机
docker cp nginx:/etc/nginx/nginx.conf /data/nginx/conf
# 将容器conf.d文件夹下内容复制到宿主机
docker cp nginx:/etc/nginx/conf.d /data/nginx/conf

3. 复制配置文件后卸载nginx

docker rm -f nginx

4. 正式运行nginx

docker run \
-p 8060:80 \
-v /data/nginx/conf/nginx.conf:/etc/nginx/nginx.conf \
-v /data/nginx/conf/conf.d:/etc/nginx/conf.d \
-v /data/nginx/log:/var/log/nginx \
-v /home/ruoyi/web/dist:/usr/share/nginx/html \
--name nginx_ruoyi \
--privileged=true \
--restart=always \
-d nginx:1.17.8

-v /data/nginx/conf/nginx.conf:/etc/nginx/nginx.conf \ #挂载同步配置文件数据卷
-v /data/nginx/conf/conf.d:/etc/nginx/conf.d \ #挂载同步配置文件数据卷
-v /data/nginx/log:/var/log/nginx \ #挂载同步log文件数据卷
-v /home/ruoyi/web/dist:/usr/share/nginx/html \ #挂载同步前端包文件数据卷

5. 修改配置文件

在这里插入图片描述

vim default.conf

server {
    listen       80;
    server_name  localhost;

    #charset koi8-r;
    #access_log  /var/log/nginx/host.access.log  main;

    location / {
    	#下面是容器中的前端地址,这里不用修改,这个已经在数据卷中映射到宿主机的web/dist目录
        root   /usr/share/nginx/html;
        # 处理刷新报404 
        try_files $uri $uri/ /index.html;
        index  index.html index.htm;
    }

    #error_page  404              /404.html;

    # redirect server error pages to the static page /50x.html
    #

    
	
    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;
			#下面写服务端地址,这里的地址不能写127.0.0.1和localhost 这两个地址是容器内部的地址,容器之间不能访问到的
			proxy_pass http://192.168.1.183:8025/;
		}

	error_page   500 502 503 504  /50x.html;
        location = /50x.html {
        root   /usr/share/nginx/html;
    }


}

7. 修改完成后重启nginx,一定要重启

docker restart nginx_ruoyi

8. 浏览器输入宿主机ip +映射端口号8060,192.168.1.183:8060

验证码出来了就说明服务端地址配置正确了就能登录了
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/606853.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

总投资300亿,南山前海南山村旧改城市更新

南山村 项目位于南山区南山街道南山村旧村片区,东临南新路,南临东滨路,西临前海路,北临南园村。地处联系前海、后海两大中心区的空间发展轴带上,区位交通条件优越。位于9号线延长线前海路站附近,也因地处大…

背包问题总结篇

背包问题总结篇 关于这几种常见的背包,其关系如下: 通过这个图,可以很清晰分清这几种常见背包之间的关系。 在讲解背包问题的时候,我们都是按照如下五部来逐步分析,相信大家也体会到,把这五部都搞透了&…

【C++刷题】【动态规划篇】(一)

动态规划篇(一) 一、1137. 第 N 个泰波那契数(easy)二、三步问题(easy)三、使用最小花费爬楼梯(easy)四、解码方法(medium)五、不同路径(medium&a…

如何利用地面控制点实现倾斜摄影三维模型数据的几何坐标变换和纠正?

如何利用地面控制点实现倾斜摄影三维模型数据的几何坐标变换和纠正? 倾斜摄影是一种在空中拍摄地表物体的技术,可以获得高分辨率、高精度的三维模型数据,广泛应用于城市规划、建筑设计、土地管理等领域。然而,由于航拍时无法避免姿…

ClassLoader源码

介绍 ClassLoader 顾名思义就是类加载器 ClassLoader 是一个抽象类 没有父类 作用 1.负责将 Class 加载到 JVM 中 2.审查每个类由谁加载(父优先的等级加载机制) 3.将 Class 字节码重新解析成 JVM 统一要求的对象格式 常量&变量 //注册本地方法…

chatgpt赋能python:Python实现动态排名:在SEO游戏中的使用

Python实现动态排名:在SEO游戏中的使用 搜索引擎优化(SEO)是一项必不可少的活动,可以提高网站在搜索结果中的排名和流量。其中之一是动态排名,它可以根据网站相应信息的变化而自动更新排名,使网站始终保持…

chatgpt赋能python:Python技巧:如何用Python去除文本中的头和尾

Python技巧:如何用Python去除文本中的头和尾 在任何文本处理任务中,去除文本数据的头和尾是非常常见的需求。这在搜索引擎优化(SEO)中尤其重要,因为头和尾中可能包含重复的内容,这会降低网页的排名。在这篇…

翻筋斗觅食海鸥优化算法-附代码

翻筋斗觅食海鸥优化算法 文章目录 翻筋斗觅食海鸥优化算法1.海鸥优化算法2. 改进海鸥优化算法2.1 非线性参数 A 策略2.2 翻筋斗觅食策略 3.实验结果4.参考文献5.Matlab代码6.python代码 摘要:针对基本海鸥优化算法(SOA)在处理复杂优化问题中存在低精度、…

Linux会替代Windows吗?

Windows用户们,去还是留? Windows 依然是高居榜首的桌面操作系统,占据 90% 以上的市场份额,远超 macOS 和 Linux 。 从数据来看,尽管 linux 并不是 Windows 的头号接班人,但近几年越来越多用户转向 Ubunt…

Vue嵌套表单的 Dialog精美模板分享

文章目录 🐒个人主页🏅Vue项目常用组件模板仓库📖前言:🎀源码如下: 🐒个人主页 🏅Vue项目常用组件模板仓库 📖前言: 本篇博客主要提供vue组件之嵌套表单的 D…

通用权限管理系统+vue3项目实战(一)

1.创建项目 在某个工程文件夹下创建项目 npm init vuelatest各种工具选择都选是,并且安装环境node_modules之后,显示如图: 1.1 引入element-plus 在vue2的时候常用的ui框架是element-ui,在vue3时应该使用它的继承者element-p…

chatgpt赋能python:Python匹配空白字符的完整指南

Python匹配空白字符的完整指南 在Python编程中,处理文本数据是一项常见任务。当我们需要从文本中提取数据时,通常需要从字符串中匹配特定的模式。这些模式可能包括空格、制表符和换行符等空白字符。本文将介绍如何使用Python正则表达式来匹配空白字符&a…

chatgpt赋能python:Python动态Import简介

Python动态Import简介 在Python中,Import语句用于导入其他Python模块中的函数和变量。通常在Python编程中,我们使用静态Import方法来导入模块。但是,Python也支持动态Import,即在运行时根据需要导入模块中的函数和变量。 在本文…

day 39:62. 不同路径63. 不同路径 II

动态规划 [62. 不同路径](https://leetcode.cn/problems/unique-paths/description/)1. dp数组以及下标名义2. 递归公式3. dp数组如何初始化4. 遍历顺序5.代码 [63. 不同路径 II:有障碍物](https://leetcode.cn/problems/unique-paths-ii/description/)1. dp数组以及…

银行从业——法律法规——经济基础知识

第一章、经济基础知识 第一节、宏观经济分析 【 知识点1】 宏观经济发展目标 宏观经济发展的总体目标一般包括四个: 宏观经济发展的总体目标 衡量指标1、经济增长国内生产总值(GDP)2、充分就业 失业率3、物价稳定通货膨胀率4、国际…

【HISI IC萌新虚拟项目】Package Process Unit项目全流程目录

说明 Package Process Unit虚拟项目是HISI部分部门芯片设计与验证新员工的培训项目,一般会分配6~10周的时间独立开发该项目并完成验收。在整个项目中,新员工需要熟悉工作站、项目流程、公共环境与代码等,并根据方案文档独立设计ppu模块,之后进行功能验证与综合等芯片交付流…

代码随想录算法训练营第四十六天|139.单词拆分、关于多重背包,你该了解这些!、背包问题总结篇!

文章目录 一、139.单词拆分二、关于多重背包&#xff0c;你该了解这些&#xff01;三、背包问题总结篇&#xff01;总结 一、139.单词拆分 public boolean wordBreak(String s, List<String> wordDict) {//完全背包问题&#xff0c;因为可以重复&#xff0c;背包正序排列…

chatgpt赋能python:Python匹配符号:快速有效地处理文本

Python匹配符号&#xff1a;快速有效地处理文本 什么是Python匹配符号&#xff1f; Python是一种灵活的编程语言&#xff0c;可以轻松地处理文本数据。在Python中&#xff0c;使用正则表达式来匹配符号。正则表达式是一种模式匹配工具&#xff0c;可以帮助用户找到特定的文本…

day 44 完全背包:518. 零钱兑换 II;377. 组合总和 Ⅳ

完全背包&#xff1a;物品可以使用多次 完全背包1. 与01背包区别 518. 零钱兑换 II1. dp数组以及下标名义2. 递归公式3. dp数组如何初始化4. 遍历顺序:不能颠倒两个for循环顺序5. 代码 377. 组合总和 Ⅳ:与零钱兑换类似&#xff0c;但是是求组合数1. dp数组以及下标名义2. 递归…

ASP.NET Core MVC 从入门到精通之自动映射(二)

随着技术的发展&#xff0c;ASP.NET Core MVC也推出了好长时间&#xff0c;经过不断的版本更新迭代&#xff0c;已经越来越完善&#xff0c;本系列文章主要讲解ASP.NET Core MVC开发B/S系统过程中所涉及到的相关内容&#xff0c;适用于初学者&#xff0c;在校毕业生&#xff0c…