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

Docker(Nginx)部署Vue

news 来源：原创 2025/9/17 8:09:47

简介：目标使用docker将vue生成的dist文件，结合nginx生成镜像，然后运行；

1、首选确保vue项目正确运行，并能正确打包dist文件；
第一个是运行命令，第二个是打包命令
2、查看已经生成的dist文件
在这里插入图片描述
3、将dist文件打包为rar文件或者zip文件，本文使用rar文件

4、确保服务器已经安装docker；
新建文件夹：/home/questionaire-app/
将dist.rar 上传到该目录下，并解压到当前目录下；

unrar x dist.rar

5、在/home/questionaire-app/下新建nginx配置文件default.conf，新建Dockerfile文件；
1）编辑default.conf文件

server {listen       80;server_name  127.0.0.1;#charset koi8-r;#access_log  /var/log/nginx/log/host.access.log  main;location / {root   /usr/share/nginx/html;try_files $uri $uri/ /index.htmlindex  index.html index.htm;}location /prod-api/ {proxy_pass  http://127.0.0.1:18080/;}#error_page  404              /404.html;# redirect server error pages to the static page /50x.html#error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}# proxy the PHP scripts to Apache listening on 127.0.0.1:80##location ~ \.php$ {#    proxy_pass   http://127.0.0.1;#}# pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000##location ~ \.php$ {#    root           html;#    fastcgi_pass   127.0.0.1:9000;#    fastcgi_index  index.php;#    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;#    include        fastcgi_params;#}# deny access to .htaccess files, if Apache's document root# concurs with nginx's one##location ~ /\.ht {#    deny  all;#}
}

代理可以根据需求配置，不强求
在这里插入图片描述

2）编辑Dockerfile文件：

# 使用nginx镜像
FROM nginx
# 作者
MAINTAINER cmh
# 删除nginx 默认配置
RUN rm /etc/nginx/conf.d/default.conf
# 添加我们自己的配置 default.conf 在下面
ADD default.conf /etc/nginx/conf.d/
# 把刚才生成dist文件夹下的文件copy到nginx下面去
COPY dist/  /usr/share/nginx/html/

最终该目录下是这样的:
在这里插入图片描述

6、生成镜像并运行

1）生成镜像
“ . ” 这个点不要省略

docker build -t mall-admin-vue .

在这里插入图片描述
2）运行容器

docker run -d --name mall-admin-vue -p 8088:80 mall-admin-vue

7、测试：
浏览器通过ip+端口访问
在这里插入图片描述
参考文档：https://blog.csdn.net/cmh1008611/article/details/144793141

Docker(Nginx)部署Vue

简介：目标使用docker将vue生成的dist文件，结合nginx生成镜像，然后运行； 1、首选确保vue项目正确运行，并能正确打包dist文件； 2、查看已经生成的dist文件 3、将dist文件打包为rar文件或者zip文件&#xf…...

编程日记 2025/9/17 8:09:47

从函数到神经网络

一、从函数到神经网络所有一切的前提是，你要相信这个世界上的所有逻辑和知识，都可以用一个函数来表示。Functions describe the world ! 比如输入物体的质量和加速度，根据牛顿第二定律，就可以得到物体施加的力，这就是…...

编程日记 2025/9/15 7:18:36

Python 字符串格式化 print

Python 字符串格式化 print flyfish 1. 使用百分号（%）操作符进行字符串格式化百分号（%）操作符是 Python 中比较传统的字符串格式化方式，它的使用方式类似于 C 语言中的 printf 函数。 # 格式化整数 num 10 print…...

编程日记 2025/9/10 9:23:16

LabVIEW 中的 Bluetooth.llb 库

Bluetooth.llb 库位于C:\Program Files (x86)\National Instruments\LabVIEW 2019\vi.lib\Platform目录，它是 LabVIEW 平台下用于蓝牙通信相关操作的重要库。该库为 LabVIEW 开发者提供了一系列工具，用于实现设备间的蓝牙连接、数据传输与交互等功能&…...

编程日记 2025/9/11 22:54:14

MySQL | MySQL库、表的基本操作01

MySQL库、表的基本操作01 一、库操作1.1 查看数据库1.2 创建数据库1.3 选择数据库1.4 查看创建数据库的SQL语句1.5 修改数据库1.6 删除数据库二、表操作2.1 创建数据表2.2 查看表2.3 查看表结构2.4 查看创建数据库的SQL语句2.5 修改表2.6 删除表 ⚠️MySQL版本 8.0 一、库操作…...

编程日记 2025/9/15 14:17:29

抖音试水AI分身；腾讯 AI 战略调整架构；百度旗下小度官宣接入DeepSeek...|网易数智日报

抖音试水AI分身，字节旗下AI智能体平台扣子已与抖音打通，相关功能内测中 2月19日消息，钛媒体App独家获悉，字节旗下AI智能体开发平台扣子（Coze）已与抖音打通，抖音创作者可在扣子智能体平台打造AI分…...

编程日记 2025/9/14 7:12:36

RPC 框架项目剖析

RPC 框架项目剖析说明本文用于梳理一个 rpc项目的实现细节，此项目基于cpp语言大概三千行左右，用于学习目的。项目链接：rpc项目项目底层类 1.抽象消息类描述： 各种消息的基类属性： 消息id，消息类型…...

编程日记 2025/9/15 21:45:03

前端 fetch API 调用 Tushare 的数据接口获取免费的基金股票信息数据

要在前端使用 JavaScript 的 fetch API 调用 Tushare 的数据接口，您需要遵循以下步骤： 1. 注册 Tushare 账号并获取 Token 首先，访问 Tushare 官网注册账号。注册成功后，登录账号，在个人中心获取您的 API Token。 …...

编程日记 2025/9/3 0:35:07

【SpringMVC】十分钟跑起来一个SpringMVC项目

目录标题 1 项目概述1.项目结构解析2. MVC项目的结构和每个组件的作用：3. 项目的工作流程：4 后期可以扩展的点：2.源码学习1. HelloController 类，Spring MVC控制器2 springmvc-servlet.xml - Spring MVC的主要配置文件3.web 目录 …...

编程日记 2025/9/16 7:43:18

LeetCode 热题 100 11. 盛最多水的容器

LeetCode 热题 100 | 11. 盛最多水的容器大家好，今天我们来解决一道经典的算法题——盛最多水的容器。这道题在LeetCode上被标记为中等难度，要求我们找到两条垂线，使得它们与 x 轴共同构成的容器可以容纳最多的水。下面我将详细讲解解题思路…...

编程日记 2025/9/12 6:07:43

Web自动化之Selenium实战案例1：论文pdf自动下载

在上一篇文章中，我们介绍了Selenium的基础用法和一些常见技巧。今天，我们将通过中国科学：信息科学网站内当前目录论文下载这一实战案例来进一步展示Selenium的web自动化流程。目录中国科学：信息科学当期目录论文下载 1.网页内…...

编程日记 2025/9/15 3:15:18

在VSCode中接入deepseek

注册就送14元2000万tokens。 https://cloud.siliconflow.cn/i/rnbA6i6U各种大模型下面介绍我是如如接入vscode的左边生成一个key，呆会vscode要用，不然401. 打开vscod，电脑能上网。下插件。下好要配置点它一下。要配置，全…...

编程日记 2025/9/14 10:31:38

CentOS停服后的替代选择：openEuler、Rocky Linux及其他系统的未来展望

CentOS停服后的替代选择：openEuler、Rocky Linux及其他系统的未来展望引言CentOS停服的背景华为openEuler：面向未来的开源操作系统1. 简介2. 特点3. 发展趋势 Rocky Linux：CentOS的精神继承者1. 简介2. 特点3. 发展趋势其他可选的替代系统1…...

编程日记 2025/9/10 9:44:49

vector的模拟实现

目录一、构造和析构函数二、插入删除访问迭代器三、迭代器失效四、拷贝构造和赋值五、tip 一、构造和析构函数 namespace stn {template<class T>class vector{typedef T* iterator;public:vector():_start(nullptr);, _end(nullptr), _endofstorage(nullptr){…...

编程日记 2025/9/15 18:25:43

【高可用】keepalived的试用与学习笔记

版本日期修订人描述V1.02025/2/23nick huang创建文档背景最近，预研给现有的Nginx单点实例添加故障转移的功能，以备单实例故障时无法快速恢复。本文记录Keepalived的学习笔记，供自己或同学日后参考。 Keepalived Keepalived是一个开源的…...

编程日记 2025/9/16 1:38:22

在Dify中实现联网检索功能（模拟DeepSeek）

跟着上一篇博客：Error response from daemon: Get “https://registry-1.docker.io/v2/“: request canceled while的解决办法-CSDN博客 DeepSeek发布之后，感觉联网检索功能变成标配了。这篇博客简单介绍一下怎么在Dify中配置初步的联网检索功能&#x…...

编程日记 2025/9/15 9:43:20

Deepseek-强化学习算法（通俗易懂版）

首先先贴一张Deepseek核心技术的梳理图： 上图详细了讲述了Deepseek主要在哪些阶段用了强化学习方法（GRPO） 1.GRPO算法 GRPO是一种用于提高语言模型推理能力的强化学习算法。它在DeepSeekMath论文中，在数学推理的背景下被提出。G…...

编程日记 2025/9/15 21:08:03

[展示]Webrtc NoiseSuppressor降噪模块嵌入式平台移植

最近在尝试把WebRtc的NoiseSuppressor模块移植到嵌入式平台，现在已经移植了，尝试了下效果，降噪效果很显著，噪声带被显著抑制了降噪前： 降噪后：...

编程日记 2025/8/25 13:02:57

了解 RAG 第二部分：经典 RAG 的工作原理

在本系列的第一篇文章中，我们介绍了检索增强生成 (RAG) ，解释了扩展传统大型语言模型 (LLM)功能的必要性。我们还简要概述了 RAG 的核心思想：从外部知识库检索上下文相关的信息，以确保 LLM 生成准确且最新的信息，而不会…...

编程日记 2025/9/14 10:09:40

剖析IO原理和零拷贝机制

目录 1 Linux的五种IO模型1.1 模型调用的函数1.1.1 recv函数1.1.2 select函数1.1.3 poll函数1.1.4 epoll函数1.1.5 sigaction函数 1.2 IO模型1.2.1 阻塞IO模型1.2.2 非阻塞IO模型1.2.3 IO复用模型1.2.4 信号驱动IO模型1.2.5 异步IO模型1.2.6 IO模型比较 2 Java的BIO、NIO、AIO2…...

编程日记 2025/9/14 15:32:43

【论文精读】MapTR：用于在线矢量化高精地图构建的结构化建模与学习

论文地址： MAPTR: STRUCTURED MODELING AND LEARNING FOR ONLINE VECTORIZED HD MAP CONSTRUCTION 源代码：MapTR 摘要 High-definition（HD Map）map为自动驾驶场景提供了丰富且精确的环境信息，是自动驾驶系统规划中不…...

编程日记 2025/9/15 2:13:04

云图库平台（五）——后端图片模块开发

目录一、需求分析二、库表设计三、图片的处理如何实现图片的上传和下载创建图片的业务流程如何对图片进行解析四、创建并使用对象存储五、后端操作对象存储初始化客户端通用能力类文档上传文件下载一、需求分析管理员功能： 图片的上传和创建：仅管理…...

编程日记 2025/9/9 21:55:30

Linux红帽：RHCSA认证知识讲解（一）RedHat背景与环境配置

Linux红帽：RHCSA认证知识讲解（一）RedHat背景与环境配置前言一、RedHat公司背景二、RedHat环境安装步骤三、windows使用远程工具连接环境并上传文件到redhat方法： 前言在接下来的博客中，我们从基础开始将介绍红帽Linu…...

编程日记 2025/9/15 22:14:11

【Linux】基于UDP/TCP套接字编程与守护进程

目录一、网路套接字编程 （一）基础概念 1、源IP地址与目的IP地址 2、端口号 3、TCP与UDP 4、网络字节序 （二）套接字编程接口 1、socket 常见API 2、sockaddr结构 （三）UDP套接字 1、UDP服务器创建…...

编程日记 2025/9/15 10:32:39

Linux CentOS 上 Ollama 的安装与部署：从入门到实践

Linux CentOS 上 Ollama 的安装与部署：从入门到实践随着人工智能技术的快速发展，大语言模型（LLMs）的应用场景越来越广泛。Ollama 作为一个轻量级的 AI 模型管理工具，为开发者提供了便捷的模型部署和管理解决方案。本文将详细介绍如何在 Linux CentOS 系统上安装和部署 O…...

编程日记 2025/9/9 17:06:01

大数据学习之任务流调度系统Azkaban、Superset可视化系统

一.任务流调度系统Azkaban 1.课程介绍 2.为什么需要工作流调度系统 3.AZKABAN是什么 4.AZKABAN下载 5.制作安装包 6.tar包准备 7.MYSQL配置AZKABAN 8.配置EXECUTOR SERVER 9.配置WEBSERVER 10.单作业实战_yaml语言(今天稍晚更新) 11.单作业实战 12.多作业依赖实战 13.失败自动重…...

编程日记 2025/9/16 7:13:40

网络空间安全（2）应用程序安全

前言应用程序安全（Application Security，简称AppSec）是一个综合性的概念，它涵盖了应用程序从开发到部署，再到后续维护的整个过程中的安全措施。一、定义与重要性定义：应用程序安全是指识别和修复应用程序…...

编程日记 2025/9/15 9:54:12

UDP、TCP的区别

UDP（用户数据报协议）和TCP（传输控制协议）是两种常用的传输层协议，它们在数据传输方式、可靠性和应用场景等方面有显著区别。以下是它们的主要区别： ### 1. 连接方式 - **TCP**：面向连接。通信前…...

编程日记 2025/9/14 0:50:21

Linux 第二次脚本作业

1、需求：判断192.168.1.0/24网络中，当前在线的ip有哪些，并编写脚本打印出来。 2、设计一个 Shell 程序，在/userdata 目录下建立50个目录，即 user1~user50，并设置每个目录的权限，其中其他用户的权…...

编程日记 2025/9/16 3:43:55

高清下载油管视频到本地

下载工具并安装: yt-dlp官网地址： GitHub - yt-dlp/yt-dlp: A feature-rich command-line audio/video downloader ffmpeg官网地址： Download FFmpeg 注：记住为其添加环境变量操作命令： 该指令表示以720p码率下载VIDEO_UR…...

编程日记 2025/9/14 21:11:21

Linux 命令大全完整版（07）

2. linux 系统设置命令 ulimit 功能说明：控制 shell 程序的资源。语法：ulimit [-aHS][-c <core 文件上限>][-d <数据节区大小>][-f <文件大小>][-m <内存大小>][-n <文件数目>][-p <缓冲区大小>][-s <堆叠大小…...

编程日记 2025/9/14 17:49:19

基于CentOS7安装kubesphere和Kubernetes并接入外部ES收集日志

一、修改所有节点主机名主节点就修改成master hostnamectl set-hostname master 然后输入bash刷新当前主机名工作节点1就修改成node1 hostnamectl set-hostname node1 然后输入bash刷新当前主机名二、全部节点安装依赖并同步时间 yum -y install socat conntrack ebta…...

编程日记 2025/9/10 8:39:25

Javascript网页设计案例：通过PDFLib实现一款PDF分割工具，分割方式自定义-完整源代码，开箱即用

功能预览一、工具简介 PDF 分割工具支持以下核心功能：拖放或上传 PDF 文件：用户可以通过拖放或点击上传 PDF 文件。两种分割模式：指定范围：用户可以指定起始页和结束页，提取特定范围的内容。固定间距：用户可以设置间隔页数（例如每 5 页分割一次），工具会自动完成分…...

编程日记 2025/9/13 21:58:00

高速差分信号的布线

差分信号如何在PCB上布线？ 1.差分信号必须保证线间距相等，禁止打过孔或者放置元器件 2.差分信号必须打孔时，必须要保证伴随屏蔽地过孔（缝合定位孔），减少信号干扰问题。 3.差分信号走线弯曲位置推荐&#…...

编程日记 2025/9/14 4:17:26

用openresty和lua实现壁纸投票功能

背景之前做了一个随机壁纸接口，但是不知道大家喜欢对壁纸的喜好，所以干脆在实现一个投票功能，让用户给自己喜欢的壁纸进行投票。原理说明 1.当访问http://demo.com/vote/时，会从/home/jobs/webs/imgs及子目录下获取图片列表&…...

编程日记 2025/9/9 10:22:58

智能测试执行利用算法利用图像识别、自然语言处理等技术实现自动化测试执行

以下将从Web应用和移动应用两个方面，给出利用图像识别、自然语言处理等技术实现自动化测试执行的实例，并附上部分代码示例。 Web应用自动化测试实例：模拟用户登录操作测试需求理解对于一个Web应用的登录功能进行自动化测试，我们可以结合自然语言处理理解测试用例描述，…...

编程日记 2025/9/16 9:27:29

AI学习之-阿里天池

阿里天池（Tianchi）是阿里巴巴集团旗下的一个数据科学与人工智能竞赛平台，致力于推动数据科学和人工智能的发展。在天池平台上，人们可以参与各种数据竞赛和挑战，解决实际问题，提升数据科学技能。天池平台提供…...

编程日记 2025/9/14 12:38:39

AGI觉醒假说的科学反驳：从数学根基到现实约束的深度解析

文章目录引言：AGI觉醒论的核心迷思一、信息论视角：意识产生的熵约束1.1 香农熵的物理极限1.2 量子退相干的时间屏障二、数学根基：形式系统的自指困境2.1 哥德尔不完备定理的现代诠释三、概念解构：AGI觉醒假说的认知陷阱3.1 术语混淆的迷雾3.2 拟人化谬误的认知根源四、意识…...

编程日记 2025/9/11 10:13:46

SpringMVC的基本使用

controller标记一个类是控制器类 RequestMapping 进行路由映射可以是类也可以是方法，路由的/可以不加，但建议加上 1）简单的映射返回一个hello RequestMapping("/m1")public String m1() { return "hello";} 2&#x…...

编程日记 2025/9/14 7:39:12

【漫话机器学习系列】103.学习曲线（Learning Curve）

学习曲线（Learning Curve）详解 1. 什么是学习曲线？ 学习曲线（Learning Curve）是机器学习和深度学习领域中用于评估模型性能随训练过程变化的图示。它通常用于分析模型的学习能力、是否存在过拟合或欠拟合等问题。从…...

编程日记 2025/9/11 20:57:18

ubuntu-24.04.1-desktop 中安装 QT6.7

ubuntu-24.04.1-desktop 中安装 QT6.7 1 环境准备1.1 安装 GCC 和必要的开发包：1.2 Xshell 连接 Ubuntu2 安装 Qt 和 Qt Creator：2.1 下载在线安装器2.2 在虚拟机中为文件添加可执行权限2.3 配置镜像地址运行安装器2.4 错误：libxcb-xinerama.so.0: cannot open shared objec…...

编程日记 2025/9/10 13:45:34

MQTT实现智能家居------2、写MQTT程序的思路

举个最简单的例子： 手机------服务器-------家具我们这里只看手机和家具的客户端： 手机：1）需要连接服务器 2）需要发布指令给服务器到家里的家具 3）接受来自于家里家具的异常状况 4）保持心…...

编程日记 2025/9/16 0:35:59

【个人开发】deepspeed+Llama-factory 本地数据多卡Lora微调【完整教程】

文章目录 1.背景2.微调方式2.1 关键环境版本信息2.2 步骤2.2.1 下载llama-factory2.2.2 准备数据集2.2.3 微调模式2.2.3.1 zero-1微调2.2.3.2 zero-2微调2.2.3.3 zero-3微调2.2.3.4 单卡Lora微调 2.2.4 实验2.2.4.1 实验1：多GPU微调-zero12.2.4.2 实验2：…...

编程日记 2025/9/15 12:38:31

DeepSeek 从入门到精通：全面掌握 DeepSeek 的核心功能与应用

引言 DeepSeek 是一款功能强大的工具（或平台/框架，具体根据实际定义），广泛应用于数据分析、人工智能、自动化任务等领域。无论你是初学者还是资深开发者，掌握 DeepSeek 的核心功能和应用场景都将为你的工作和学习带来…...

编程日记 2025/9/14 16:57:03

“国补”带火手机换新，出售旧手机应如何保护个人信息安全

在“国补”政策的推动下，手机换新热潮正席卷而来。“国补”以其诱人的补贴力度，成功激发了消费者更换手机的热情。无论是渴望体验最新技术的科技爱好者，还是对旧手机性能不满的普通用户，都纷纷投身到这场手机换新的浪潮之中。随着大量消费者参与手机换新，二手手机市场迎来…...

编程日记 2025/9/14 18:16:39

驱动开发系列39 - Linux Graphics 3D 绘制流程（二）- 设置渲染管线

一：概述 Intel 的 Iris 驱动是 Mesa 中的 Gallium 驱动，主要用于 Intel Gen8+ GPU（Broadwell 及更新架构）。它负责与 i915 内核 DRM 驱动交互，并通过 Vulkan（ANV）、OpenGL（Iris Gallium）、或 OpenCL（Clover）来提供 3D 加速。在 Iris 驱动中，GPU Pipeline 设置涉及…...

编程日记 2025/9/13 11:57:27

Windows使用docker部署fastgpt出现的一些问题

文章目录 Windows使用docker部署FastGPT出现的一些问题1.docker部署pg一直重启的问题2.重启MongoDB之后一直出现“Waiting for MongoDB to start...”3.oneapi启动不了failed to get gpt-3.5-turbo token encoder Windows使用docker部署FastGPT出现的一些问题 1.docker部署pg一…...

编程日记 2025/9/11 13:25:26

六十天前端强化训练之第一天HTML5语义化标签深度解析与博客搭建实战

欢迎来到编程星辰海的博客讲解目录一、语义化标签的核心价值 1.1 什么是语义化？ 1.2 核心优势二、语义标签详解与使用场景 2.1 布局容器标签 2.2 内容组织标签三、博客结构搭建实战 3.1 完整HTML结构 3.2 核心结构解析 3.3 实现效果说明四、学习要点…...

编程日记 2025/9/13 13:02:50

Oracle中补全时间的处理

在实际数据处理的过程中，存在日期不连续的问题，可能会导致数据传到前后端出现异常，为了避免这种问题，通常会从数据端进行日期不全的处理： 以下为补全年份的案例： with x as (select 开始年份 （…...

编程日记 2025/9/14 13:37:42

PHP课程预约小程序源码

📱 课程预约小程序：为您专属定制的便捷预约新体验在这个快节奏的时代，我们深知每一位瑜伽爱好者、普拉提追随者以及培训机构管理者对高效、便捷服务的迫切需求。因此，我们匠心独运，推出了一款基于PHPUniApp框架开发的…...

编程日记 2025/9/13 14:52:55

相关文章：