Docker(Nginx) 部署 uniapp

目录

一、准备工作

1.Docker安装nginx

[2.安装HBuild X工具](#2.安装HBuild X工具)

[二、HBuild X打包项目](#二、HBuild X打包项目)

[1.在HBuild X导入项目](#1.在HBuild X导入项目)

2.配置manifest.json

3.打包

(1)点击发行

(2)填写信息,点击发行

三、nginx部署uniapp

1.生成文件上传到服务器

2.在同级目录下创建相关配置文件

(1)default.conf文件

a、创建

b、添加内容

(2)Dockerfile

a、创建文件

b、添加内容

3.打包镜像

4.创建容器运行



一、准备工作

1.Docker安装nginx

复制代码
docker pull nginx

2.安装HBuild X工具

HBuilderX-高效极客技巧HBuilderX是当前最快的HTML开发工具,强大的代码助手帮你快速完成开发,最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛https://www.dcloud.io/hbuilderx.html

二、HBuild X打包项目

1.在HBuild X导入项目

2.配置manifest.json

3.打包

(1)点击发行

(2)填写信息,点击发行

三、nginx部署uniapp

1.生成文件上传到服务器

2.在同级目录下创建相关配置文件

(1)default.conf文件

a、创建
复制代码
vim default.conf
b、添加内容
复制代码
server {
        listen       81;
        server_name  111.111.11.111;
        charset utf-8;
        # 前端路径    
        location / {
            #前端项目的路径在docker内部挂载的命令
            root   /usr/share/nginx/html/build/web;
            try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }

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

(2)Dockerfile

a、创建文件
复制代码
vim Dockerfile
b、添加内容
复制代码
# 使用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/

3.打包镜像

复制代码
docker build -t mall-app-web:1.0 .

4.创建容器运行

复制代码
docker run -d --name mall-app-web1.0 -p 8089:81 mall-app-web:1.0

四、效果

相关推荐
2301_794333912 小时前
实验室服务器配置|通过Docker实现Linux系统多用户隔离与安全防控
linux·服务器·docker·实验室
JCGKS3 小时前
Docker|“ssh: connect to host xxx.xxx.xxx.xxx port 8000: Connection refused“问题解决
docker·ssh·端口·listen·tcp三次握手
荣光波比3 小时前
Nginx 实战系列(一)—— Web 核心概念、HTTP/HTTPS协议 与 Nginx 安装
linux·运维·服务器·nginx·云计算
惜.己3 小时前
Docker启动失败 Failed to start Docker Application Container Engine.
spring cloud·docker·eureka
scugxl4 小时前
centos7 docker离线安装
运维·docker·容器
计算机小手6 小时前
AI 驱动数据分析:开源 SQLBot 项目探索,基于大模型和 RAG 实现精准问数与图表挖掘
经验分享·docker·开源软件
AI大模型7 小时前
基于Docker+DeepSeek+Dify :搭建企业级本地私有化知识库超详细教程
docker·llm·deepseek
张璐月8 小时前
go docker-compose启动前后端分离项目 踩坑之旅
开发语言·docker·golang
m0_749299959 小时前
Nginx主配置文件
java·服务器·nginx
剑客的茶馆9 小时前
新服务器从0开始搭配Ubuntu+Conda+Docker+Dify
服务器·ubuntu·docker·conda·dify