当前位置: 首页 > news >正文

Docker Nginx容器部署vue项目

Docker Nginx容器部署vue项目

文章目录

  • Docker Nginx容器部署vue项目
    • 1. 前提
    • 2. 下载nginx镜像
    • 3. 编写nginx.conf配置文件
    • 4. 编写构建命令
    • 5. vue项目上传

1. 前提

Docker服务已部署

2. 下载nginx镜像

首先查看有没有nginx镜像

docker images

没有的情况下再进行下载

docker pull nginx

3. 编写nginx.conf配置文件

/home/mr-web/conf目录下创建nginx.conf配置文件

#user  nobody;
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;location / {# 这里重点关注以下:这里是容器内部地址root   /usr/share/nginx/html;index  index.html index.htm;try_files $uri $uri/ /index.html;error_page 404 index.html;}#和上面vue文件对应上,访问后端都加mr-api#这里看情况,有的vue项目访问后端接口不需要代理location /mr-api {#rewrite ^/rest/(.*) /$1 break;proxy_pass http://192.168.1.113:8081;#proxy_cookie_path / /rest;proxy_redirect off;#client_max_body_size 500m;#proxy_set_header X-Real-IP $remote_addr;#proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}}
}

4. 编写构建命令

docker run \
-d -p 8080:80 \
--name mr-web \
-v /home/mr-web/conf/nginx.conf:/etc/nginx/nginx.conf \
-v /home/mr-web/logs:/var/log/nginx \
-v /home/mr-web/dist:/usr/share/nginx/html \
nginx:latest

编写好运行,vue应用容器就创建好了

5. vue项目上传

将打包好的vue项目dist上传至/home/mr-web/dist,整个dist上传的需要打到/home/mr-web目录就可以了

相关文章:

Docker Nginx容器部署vue项目

Docker Nginx容器部署vue项目 文章目录 Docker Nginx容器部署vue项目1. 前提2. 下载nginx镜像3. 编写nginx.conf配置文件4. 编写构建命令5. vue项目上传 1. 前提 Docker服务已部署 2. 下载nginx镜像 首先查看有没有nginx镜像 docker images没有的情况下再进行下载 docker …...

【深度学习】如何找到最优学习率

经过了大量炼丹的同学都知道,超参数是一个非常玄乎的东西,比如batch size,学习率等,这些东西的设定并没有什么规律和原因,论文中设定的超参数一般都是靠经验决定的。但是超参数往往又特别重要,比如学习率&a…...

详解—C++三大特性——多态

目录 一. 多态的概念 1.1 概念 二. 多态的定义及实现 2.1多态的构成条件 2.2 虚函数 2.3虚函数的重写 2.3.1虚函数重写的两个例外: 1. 协变(基类与派生类虚函数返回值类型不同) 2. 析构函数的重写(基类与派生类析构函数的名字不同) 2.4 C11 override 和 f…...

用idea搭建一个spring cloud微服务项目

以下是使用 IntelliJ IDEA 搭建 Spring Cloud 微服务项目的步骤&#xff1a; 创建一个新的 Maven 项目。 在 pom.xml 文件中添加以下依赖&#xff1a; <dependency><groupId>org.springframework.cloud</groupId><artifactId>spring-cloud-starter-…...

SpringBoot——启动类的原理

优质博文&#xff1a;IT-BLOG-CN SpringBoot启动类上使用SpringBootApplication注解&#xff0c;该注解是一个组合注解&#xff0c;包含多个其它注解。和类定义SpringApplication.run要揭开SpringBoot的神秘面纱&#xff0c;我们要从这两位开始就可以了。 SpringBootApplicati…...

Rust语言入门教程(七) - 所有权系统

所有权系统是Rust敢于声称自己为一门内存安全语言的底气来源&#xff0c;也是让Rust成为一门与众不同的语言的所在之处。也正是因为这个特别的所有权系统&#xff0c;才使得编译器能够提前暴露代码中的错误&#xff0c;并给出我们必要且精准的错误提示。 所有权系统的三个规则…...

【MATLAB源码-第89期】基于matlab的灰狼优化算法(GWO)无人机三维路径规划,输出做短路径图和适应度曲线

操作环境&#xff1a; MATLAB 2022a 1、算法描述 灰狼优化算法&#xff08;Grey Wolf Optimizer, GWO&#xff09;是一种模仿灰狼捕食行为的优化算法。灰狼是群居动物&#xff0c;有着严格的社会等级结构。在灰狼群体中&#xff0c;通常有三个等级&#xff1a;首领&#xff…...

线程池的饱和策略有哪些?

线程池的饱和策略是指当线程池中的任务队列已满时&#xff0c;线程池如何处理新提交的任务。常见的饱和策略有以下几种&#xff1a; 阻塞策略 阻塞策略是指当线程池中的任务队列已满时&#xff0c;新提交的任务会等待队列中有空闲位置后再执行。这种策略可以避免过多的任务被…...

Git设置多个仓库同时推送

Git设置多个仓库同时推送 添加 在Git中&#xff0c;有时我们需要将同一份代码推送到不同的远程仓库&#xff0c;只是URL地址不同。 下面是一种优化的方法来设置多个仓库同时推送&#xff1a; # 添加一个新的远程仓库 git remote set-url --add origin2 新的仓库地址这样&am…...

前端入职环境安装

前端入职 后环境安装 &#xff0c;内函 nodenvmgit微信开发者工具vscode 的安装包 一.node安装-js运行环境 1.node下载&#xff0c;下载地址Node.js 2.配置淘宝镜像 npm config set registry https://registry.npmmirror.com/ 3.查看配置 npm config list 二.nvm安装-切…...

《金融科技行业2023年专利分析白皮书》发布——科技变革金融,专利助力行业发展

金融是国民经济的血脉&#xff0c;是国家核心竞争力的重要组成部分&#xff0c;金融高质量发展成为2023年中央金融工作的重要议题。《中国金融科技调查报告》中指出&#xff0c;我国金融服务业在科技的助力下&#xff0c;从1.0时代的“信息科技金融”、2.0时代的“互联网金融”…...

Introducing the Arm architecture

快速链接: . 👉👉👉 个人博客笔记导读目录(全部) 👈👈👈 付费专栏-付费课程 【购买须知】:【精选】ARMv8/ARMv9架构入门到精通-[目录] 👈👈👈 — 适合小白入门【目录】ARMv8/ARMv9架构高级进阶-[目录]👈👈👈 — 高级进阶、小白勿买【加群】ARM/TEE…...

Python 使用SQLAlchemy数据库模块

SQLAlchemy 是用Python编程语言开发的一个开源项目&#xff0c;它提供了SQL工具包和ORM对象关系映射工具&#xff0c;使用MIT许可证发行&#xff0c;SQLAlchemy 提供高效和高性能的数据库访问&#xff0c;实现了完整的企业级持久模型。 ORM&#xff08;对象关系映射&#xff0…...

【nlp】4.3 nlp中常用的预训练模型(BERT及其变体)

nlp中常用的预训练模型 1 当下NLP中流行的预训练模型1.1 BERT及其变体1.2 GPT1.3 GPT-2及其变体1.4 Transformer-XL1.5 XLNet及其变体1.6 XLM1.7 RoBERTa及其变体1.8 DistilBERT及其变体1.9 ALBERT1.10 T5及其变体1.11 XLM-RoBERTa及其变体2 预训练模型说明3 预训练模型的分类1…...

IDEA中 java: 警告: 源发行版 11 需要目标发行版 11 如何解决

步骤1找到项目结构&#xff0c;下面有两种方式 步骤2找到 模块中对应的项目&#xff0c;修改对应的源的语言级别和依赖的模块SDK(M) 步骤3&#xff0c;启动一下&#xff0c;看有无问题&#xff0c; 步骤4&#xff0c;去文件-->设置-->构建、执行、部署-->编译器-->…...

APP测试的测试内容有哪些,常见的Bug分类介绍!

对于产品的手机项目&#xff08;应用软件&#xff09;&#xff0c;主要是进行系统测试。而针对手机应用软件APP的系统测试&#xff0c;我们通常从如下几个角度开展&#xff1a;功能模块测试、兼容性测试、安装和卸载测试、软件更新测试、性能测试、用户体验性测试、交叉事件测试…...

【Java程序员面试专栏 专业技能篇】Java SE核心面试指引(三):核心机制策略

关于Java SE部分的核心知识进行一网打尽,包括四部分:基础知识考察、面向对象思想、核心机制策略、Java新特性,通过一篇文章串联面试重点,并且帮助加强日常基础知识的理解,全局思维导图如下所示 本篇Blog为第三部分:核心机制策略,子节点表示追问或同级提问 异常处理 …...

网络运维与网络安全 学习笔记2023.11.22

网络运维与网络安全 学习笔记 第二十三天 今日目标 VLAN间通信之交换机、VLAN间通信综合案例、浮动路由 VRRP原理与配置、VRRP链路跟踪、VRRP安全认证 VLAN间通信之交换机 单臂路由的缺陷 在内网的VLAN数量增多时&#xff0c;单臂链路容易成为网络瓶颈 三层交换机 具备…...

Android虚拟化

一、开源项目 开源的项目有一些&#xff0c;比如完全虚拟化的&#xff1a; twoyi 两仪由两部分组成&#xff1a;两仪 App&#xff0c;它实际上是一个 UI 渲染引擎&#xff0c;两仪内部运行的 ROM。 但是看telegram和github&#xff0c;这个app没有完整开源&#xff0c;并且最近…...

Nginx如何配置负载均衡

nginx的负载均衡有4种模式&#xff1a; 1)、轮询&#xff08;默认&#xff09; 每个请求按时间顺序逐一分配到不同的后端服务器&#xff0c;如果后端服务器down掉&#xff0c;能自动剔除。 2)、weight 指定轮询几率&#xff0c;weight和访问比率成正比&#xff0c;用于后端服务…...

第3课 神经网络基础

神经网络,本质上是模仿生物神经元网络构建的人工模型,由人工神经元(或节点)相互连接形成网络或电路。这些节点间的连接的方式与人类神经元网络相似,能够高效传递并处理输入信息,是深度学习领域的核心基础。 神经网络的核心结构由输入层、隐含层和输出层三部分组成:每个节…...

Virtuoso ADE L仿真结果分析实战:用Calculator快速提取带宽、相位裕度和噪声

Virtuoso ADE L仿真结果深度解析&#xff1a;从波形到关键指标的实战技巧 面对仿真完成后满屏的波形曲线&#xff0c;许多工程师常陷入"数据丰富但信息匮乏"的困境。本文将聚焦两级运放案例&#xff0c;演示如何用Calculator函数精准提取GBW、相位裕度、噪声谱密度等…...

android手机禁止微信后台运行

右击app-----------view all permission------就是用这个&#xff1a;stop running in background --------如果不设置的话&#xff0c;那么即使关闭了&#xff0c;还是会在后台运行的。关掉了&#xff1a;...

盘式电机Maxwell电磁仿真模型(双定单转24槽20极)代码功能说明

盘式电机 maxwell 电磁仿真模型 双转单定结构&#xff0c;halbach 结构&#xff0c;双定单转 24 槽 20 极&#xff0c;18槽 1 2 极&#xff0c;18s16p&#xff08;可做其他槽极配合&#xff09; 参数化模型&#xff0c;内外径&#xff0c;叠厚等所有参数均可调整 默认模型仅作学…...

PHP脚本设置无限执行时间的四种方法

为 PHP 脚本设置无限执行时间是一个在特定场景下可能需要的操作&#xff0c;比如执行长时间运行的后台任务、数据迁移、大批量数据处理等。然而&#xff0c;值得注意的是&#xff0c;设置无限执行时间并不是一种推荐的做法&#xff0c;因为它可能导致服务器资源被长时间占用&am…...

ozz-animation多格式导入工具链详解:FBX、glTF、Collada全支持

ozz-animation多格式导入工具链详解&#xff1a;FBX、glTF、Collada全支持 【免费下载链接】ozz-animation Open source c skeletal animation library and toolset 项目地址: https://gitcode.com/gh_mirrors/oz/ozz-animation ozz-animation是一款开源C骨骼动画库和工…...

STM32H7 SPI4 FLASH HAL库配置优化实践

1. STM32H7 SPI4与FLASH通信基础 最近在做一个基于STM32H743IIT6的项目时&#xff0c;遇到了SPI4与FLASH通信的配置问题。SPI4工作在50MHz的高时钟频率下&#xff0c;调试过程中发现了一些有趣的细节。比如分频系数低于SPI_BAUDRATEPRESCALER_8时读取就会失败&#xff0c;而高于…...

微信聊天记录导出恢复/备份/离线查看工具(支持最新版4.1及以上)

微信聊天记录在电脑中加密存储&#xff0c;官方并未提供直接导出功能。 本软件可将电脑版微信的全部聊天内容批量导出&#xff0c;方便备份存档&#xff0c;即使后期不登录微信&#xff0c;也能快速查阅历史记录。 支持最新版电脑微信4.1.x及以上。 软件还支持尝试恢复已删除…...

甩掉作图焦虑,我把商业级出图压缩到10分钟,设计团队必备AI工具推荐

作为一个在设计行业熬了快十年的工作室主理人&#xff0c;我无数次在甲方的要求下气的想撞墙——不是因为脑子里没有创意&#xff0c;而是因为团队的视觉交付效率根本跟不上客户“朝令夕改”的节奏。你如果是设计师一定懂这种窒息感&#xff1a;早会刚定下的视觉方向&#xff0…...

阶跃星辰 GUI-MCP 解读---(2)---决策层

本文是第二篇&#xff0c;主要是介绍决策层&#xff0c;本层在任何情况下&#xff08;是/非MCP&#xff09;都会用到。因为是反推解读&#xff0c;而且时间有限&#xff0c;所以可能会有各种错误&#xff0c;还请大家不吝指出。0x01 LocalServerLocalServer 是本地 GUI Agent 服…...