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

uniApp打包H5发布到服务器(docker)

        使用docker部署uniApp打包后的H5项目记录,好像和VUE项目打包没什么区别...

用HX打开项目,首先调整manifest.json文件

开始用HX打包

填服务器域名和端口号~

打包完成后可以看到控制台信息

我们可以在web文件夹下拿到下面打包好的静态文件

用FinalShell或者XShell远程连接工具连接服务器

         默认服务器已经配好docker环境和防火墙。然后随便找个位置建文件夹,并配置docker部署等文件~,下面是部署前的文件夹

dist 项目打包文件夹,把HX打包得到的web文件夹里的所有文件复制到里面。

default.conf Nginx配置文件,构建容器时挂载到容器中

upstream my_server{server xxxxxxxxx; # 后端server 地址keepalive 2000;
}server {listen       80; #这里的端口号不要动,80端口指的是容器的端口,最后我们会将容器的端口映射到我们宿主服务器的端口,比如映射到8888端口server_name  xxxxxxxxx; # 修改为docker服务宿主机的ip/域名#charset koi8-r;access_log  /var/log/nginx/host.access.log  main;error_log  /var/log/nginx/error.log  error;location / {root   /usr/share/nginx/html;index  index.html index.htm;try_files $uri $uri/ /index.html =404;}#  这里就是和vue本地代理的意思一样,已api开头的路径都代理到本机的3000端口location /api/ {proxy_pass http://my_server/api;proxy_set_header Host $host:$server_port;rewrite ^/api/(.*) /$1 break;}error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}}

Dockerfile 容器构建文件

# 使用NGINX作为基础镜像
FROM nginx# 复制解压后的网站文件到NGINX默认路径下
COPY dist/ /usr/share/nginx/html/
# 将你的 NGINX 配置文件复制到容器中的 NGINX 配置目录
COPY default.conf /etc/nginx/conf.d/default.conf

set.sh 启动脚本

docker build -t test-app.docker run -d -p 9000:80 --name test-app test-app

最后运行./ set.sh

最后打开浏览器输入域名(IP) + 端口号

搞定~

http://www.lryc.cn/news/508901.html

相关文章:

  • 【AI落地应用实战】篡改检测技术前沿探索——从基于检测分割到大模型
  • 使用 VSCode 学习与实践 LaTeX:从插件安装到排版技巧
  • 使用scrapy框架爬取微博热搜榜
  • 瑞吉外卖项目学习笔记(七)新增菜品、(批量)删除菜品
  • es快速扫描
  • 前端对页面数据进行缓存
  • leetCode322.零钱兑换
  • jsp-servlet开发
  • 从零玩转CanMV-K230(7)-I2C例程
  • n阶Legendre多项式正交性的证明
  • HarmonyOS NEXT - Dialog 和完全自定义弹框
  • 内容与资讯API优质清单
  • 开源 JS PDF 库比较
  • AnaPico信号源在通信测试中的应用案例
  • 《智启新材:人工智能重塑分子结构设计蓝图》
  • 进阶岛-L2G5000
  • 单点登录平台Casdoor搭建与使用,集成gitlab同步创建删除账号
  • PaddlePaddle飞桨Linux系统Docker版安装
  • 一款基于.NET开发的简易高效的文件转换器
  • Spring Boot教程之三十一:入门 Web
  • 青少年编程与数学 02-004 Go语言Web编程 20课题、单元测试
  • 概率论 期末 笔记
  • Typesense:开源的高速搜索引擎
  • 【vue】圆环呼吸灯闪烁效果(模拟扭蛋机出口处灯光)
  • 飞牛 fnos 使用docker部署 Watchtower 自动更新 Docker 容器
  • 《信管通低代码信息管理系统开发平台》Linux环境安装说明
  • 基于物联网的车辆定位和防盗报警系统(论文+源码)
  • 京东零售数据可视化平台产品实践与思考
  • Vue中使用a标签下载静态资源文件(比如excel、pdf等),纯前端操作
  • ensp 基于EASY IP的公司出口链路配置