uniapp开发,打包成H5部署到服务器

news2024/11/27 9:47:04

前端使用uniapp开发项目完成后,需要将页面打包,生成H5的静态文件,部署在服务器上。
这样通过服务器链接地址,直接可以在手机上点开来访问。

打包全步骤如下:
1、修改config.js内的请求地址
需要后台部署到测试服务器上,给到前端一个访问地址
在这里插入图片描述
2、打开mainfest.json ,如果用到地图,需配置地图的key
在这里插入图片描述
3、选择项目–发行–PC/web/h5
在这里插入图片描述
填入网站标题–点击发行
在这里插入图片描述
编译成功后,会出现对应的文件路径,如图所示,点击打开,
在这里插入图片描述
点开后,会看到已经编译好的静态文件,全选–添加到压缩包–压缩格式选择.tar
在这里插入图片描述压缩完后会得到一个h5.tar压缩包
在这里插入图片描述
如果是后台负责部署,只需将h5.tar发给后台程序员部署即可。
如果需要前端人员自己部署到服务器,请看以下步骤:
1、先拿到服务器的地址信息,双击打开 SecureCRT,连接上该项目的服务器(连接服务器的教程请在我的其他文章内查找
点击如下图所示在这里插入图片描述
2、进入到服务器的根目录底下。
在这里插入图片描述
3、
如果不打h5.tar压缩包,直接将static和index.html直接粘贴到h5文件夹内即可
如果是h5.tar压缩包,将h5.tar文件夹复制粘贴到h5文件夹内,然后在SecureCRT内,进到当前H5文件夹的目录,例如:
cd /demo/myproject/h5 ,在当前目录输入(解压缩)命令:tar -xvf h5.tar,然后回车

OK,这个时候就已经部署成功了。
4、打开浏览器,输入服务器访问地址,访问即可

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/428972.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

项目进度管理软件的应用可以解决哪些问题

项目管理工具够满足了项目经理对项目资源:时间、人员和文档的管理,同时也提高了项目的可视化和促进了团队的协作。 项目进度管理要求在规定的时间内,通过合理的进度计划,在计划执行过程中,要检查实际进度是否按计划要…

PasteSpider之项目环境-同步过滤-键值配置介绍

项目环境 在菜单项目信息项目环境 中,在PasteSpider中项目->服务->环境,也就是服务是不能运行的,得绑定环境,比如开发环境,测试环境。通过这个概念你可以实现不同得人部署不同的环境,他们之间公用同版…

ChatGPT之父:未训练GPT-5

GPT等大型语言模型带动的芯片需求飙升趋势依然没有平息的迹象,英伟达的最新版旗舰AI芯片H100近日在网上的售价已经被炒到4万多美金,反映了科技行业对训练和部署人工智能软件的需求仍未被满足。 一、商业圈 1.马斯克成立新AI公司硬刚OpenAI 当地时间4月…

大屏开发需要知道哪些知识

大屏 大屏是什么呢?再我前几年刚接触这个词得时候很新颖,全名叫态势感知大屏,大屏得特点是炫酷、好看,给用户满满得科技感。 听一位前辈说当年再招标会上,再都用exel、word做界面图表文档得时候,有一家公司…

使用MyBatis实现条件查询

文章目录一,查询需求二,打开MyBatisDemo项目三,对学生表实现条件查询(一)创建学生映射器配置文件(二)在MyBatis配置文件里注册学生映射器配置文件(三)创建学生映射器接口…

kaggle数据集下载

一、首先需要安装kaggle winR→cmd→pip install kaggle 问题:安装到哪来?都说在c盘。可是我找不到,可能因为之前担心c负荷更改路径了,再安装一下发现已经安装成功,且给出了安装路径。 二、注册 (1387条消息) 最新k…

VS Code 最新 Java 编码体验更新

大家好,欢迎来到我们的三月更新!我们将为您带来一系列基础编码体验的改进,例如运行 Java 程序的更流畅体验、AWT 项目相关的代码补全优化以及更好的 Spring Boot 项目与 Azure 的集成,让我们开始吧! 运行 Java 程序的用…

开启虚拟机出现报错:“此主机支持 Intel VT-x,但 Intel VT-x 处于禁用状态”

🍁博主简介 🏅云计算领域优质创作者   🏅华为云开发者社区专家博主   🏅阿里云开发者社区专家博主 💊交流社区:运维交流社区 欢迎大家的加入! 文章目录报错原因解决方式(这里以联…

Python办公自动化之PostgreSQL篇1——PostgreSQL安装(保姆级教程)

我们在办公中会经常用到数据量比较大的表,打开、保存都会相对比较卡顿。那么我们可以安装一个PostgreSQL,然后利用Python进行读取,或者再写入。最后可以将最终的数据表进行导出。 肯定会有小伙伴问,那么利用MySQL不行吗&#xff…

wps宏编辑器-js宏录制运行

WPS开放平台如下描述JS宏录制和运行。 WPS宏编辑器提供了一个自动生成JS代码的功能,即录制宏。录制宏功能通过宏录制器捕捉用户与WPS交互的操作,并以JS代码的形式记录下来,整个过程是自动的,不需要用户写代码。在实际的WPS二次开发…

D. Odd-Even Subsequence(二分 + 奇偶下标的取法)

Problem - D - Codeforces Ashish有一个大小为n的数组a。A的子序列被定义为一个序列,该序列可以通过删除一些元素(可能是不删除)从A中获得,而不改变剩余元素的顺序。考虑a的子序列s。他将s的代价定义为以下两者之间的最小值:在s的奇数指数下所有元素中的…

SAR ADC系列27:实践讲解1

Latch比较器Noise仿真 比较器后面加RS触发器,当比较器复位时,OUTP和OUTN输出为11,RS触发器锁存;当比较器比较时,OUTP和OUTN输出一正一负,RS触发器相当于反相器。 做法:改变Vin的值,…

SAM(Segment Anything Model)让CV走到尽头?学CV的研究生还能正常毕业吗?怎么使用SAM?

SAM(Segment Anything Model)让CV走到尽头?学CV的研究生还能正常毕业吗?怎么使用SAM? 1. 引言 最近无论是在B站、知乎还是论坛、微博,都看了一些有关SAM的讨论。这个号称“CV界ChatGPT”的模型从出生起就…

x86中断基础

x86中断基础 原文:Basic x86 interrupts 作者:Alex Dzyoba 原文发表日期:2016年4月2日 在我的关于多重引导内核的文章中,我们看到了如何加载内核、打印文本,然后停止。然而要让操作系统可用,需要支持键…

[chapter 26][PyTorch][MNIST 测试实战】

前言 这里面结合手写数字识别的例子,讲解一下训练时候注意点 目录 训练问题解决方案参考代码一 训练问题 训练的时候,我们的数据集分为Train Data 和 validation Data。 随着训练的epoch次数增加,我们发现Train Data 上精度 先逐步增加,但…

协议篇之以太网ARP协议

协议篇之以太网ARP协议一、什么是ARP协议?作用是什么?二、ARP请求与ARP应答三、以太网ARP数据报格式四、总结一、什么是ARP协议?作用是什么? ARP(Address Resolution Protocol),地址解析协议&am…

GUID分区与MBR分区有什么区别? 操作系统知识

GUID分区与MBR分区有什么区别? 操作系统知识 1、MBR分区表类型的磁盘 主引导记录(Master Boot Record,缩写:MBR),又叫做主引导扇区,它仅仅包含一个64个字节的硬盘分区表。由于每个分区信息需要…

以ChatGPT为例进行自然语言处理学习——入门自然语言处理

⭐️我叫忆_恒心,一名喜欢书写博客的在读研究生👨‍🎓。 如果觉得本文能帮到您,麻烦点个赞👍呗! 近期会不断在专栏里进行更新讲解博客~~~ 有什么问题的小伙伴 欢迎留言提问欧,喜欢的小伙伴给个三…

Python办公自动化之PostgreSQL篇2——利用Python连接PostgreSQL并读取一张表

在上一篇我们已经安装好了最新的PostgreSQL,以及最方便的可视化工具,Navicat 如果错过的小伙伴,可以去上一篇查看:点我查看 今天我们来用Python连接一下PostgreSQL,然后准备一张测试表,导入PostgreSQL&am…

elasticsearch 拼音分词器 自动补全。

elasticsearch 拼音分词器 & 自动补全。 文章目录elasticsearch 拼音分词器 & 自动补全。2. 自动补全。2.1. 拼音分词器。2.2. 自定义分词器。2.3. 自动补全查询。2.4. 实现酒店搜索框自动补全。2.4.1. 修改酒店映射结构。2.4.2. 修改 HotelDoc 实体。2.4.3. 重新导入。…