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

四、效果

相关推荐
小徐_23332 天前
uni-app vue3 也能使用 Echarts?Wot Starter 是这样做的!
前端·uni-app·echarts
iOS阿玮2 天前
永远不要站在用户的对立面,挑战大众的公知。
uni-app·app·apple
xw52 天前
uni-app中v-if使用”异常”
前端·uni-app
!win !2 天前
uni-app中v-if使用”异常”
前端·uni-app
muyun28002 天前
Docker 下部署 Elasticsearch 8 并集成 Kibana 和 IK 分词器
elasticsearch·docker·容器
2501_915918412 天前
iOS 上架全流程指南 iOS 应用发布步骤、App Store 上架流程、uni-app 打包上传 ipa 与审核实战经验分享
android·ios·小程序·uni-app·cocoa·iphone·webview
雨落Liy2 天前
Nginx 从入门到进阶:反向代理、负载均衡与高性能实战指南
运维·nginx·负载均衡
Yyyy4822 天前
Nginx负载均衡集群实验步骤
运维·nginx·负载均衡
00后程序员张2 天前
iOS App 混淆与加固对比 源码混淆与ipa文件混淆的区别、iOS代码保护与应用安全场景最佳实践
android·安全·ios·小程序·uni-app·iphone·webview
傻傻虎虎2 天前
【Docker】常用帮忙、镜像、容器、其他命令合集(2)
运维·docker·容器