uniapp开发打包成H5部署到服务器的详细步骤
作者：小跳会Coding 发布时间：2024-04-10 16:20:19
标签：uniapp,开发,h5,部署
前端使用uniapp开发项目完成后，需要将页面打包，生成H5的静态文件，部署在服务器上。
这样通过服务器链接地址，直接可以在手机上点开来访问。
打包全步骤如下：
一、点击菜单栏“发行”，点击选择“网站-PC Web或手机H5”，
二、填写网站标题和网站域名/服务器的IP地址。
（这个地址是将项目打包之后存放静态文件的地址)
三、点击进入manifest.json的h5配置里，根据自己的情况配置一些信息。
一定要注意配置 “运行的基础路径”，如果出现空白页面或者静态文件404的情况，可能是因为这个路径没有配置好。
四、点击发行，控制台会自动编译。出现以下提示，说明编译成功：
五、点击上图中的红框部分，就能看到已经打包好的静态页面了。（直接把这个h5文件压缩一下，发给后端就可以了）
如需要自己上传到服务器上，可继续以下步骤。
六、先拿到服务器的地址信息，找一个工具，连接上该项目的服务器，进入到服务器的根目录底下。
我这里用的是ftp工具。在根目录底下新建一个aofan文件夹，然后将上图中的static文件夹和index.html复制进去即可。
OK，这个时候就已经部署成功了。
七、打开浏览器，输入服务器ip地址，访问一下index.html的内容即可。
注意点：这三个地方的路径名称一定要一致。
1：打包时候的配置的运行的基础路径
2：服务器根目录底下存放静态文件static和index.html
3：浏览器里面访问的路径
来源：https://blog.csdn.net/weixin_48596030/article/details/121910002
0
投稿猜你喜欢
- 1. 什么是同源策略 理解跨域首先必须要了解同源策略。同源策略是浏览器上为安全性考虑实施的非
- 本文实例为大家分享了vue组件watch属性的具体代码，供大家参考，具体内容如下<!doctype html><html&
0 程序环境与所学函数本章程序运行需要导入下面三个库，并定义了一个显示图像的函数所学函数##放大、缩小cv.resize(img,dsize- 前言本文主要给大家介绍了关于Django跨域请求问题解决的几种方法，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。几种方法
- 本文实例讲述了JavaScript获取中英文混合字符串长度的方法。分享给大家供大家参考，具体如下：JavaScript获取中英文混合字符串的
- 前言daemon 音标 : [‘di:mən] , 中文含义为守护神或精灵的意思 . 其实它还有个意思 : 守护进程 .Daemon程序是一
- 代码如下: <％ dim fso,objFolder,objFiles dim filelist Set fso=Server.Cre
- jQuery 将马上发布 1.4 正式版，代码也从 googlecode 上迁移到了 github. jQuery 是我接触的第一个 JS
- 今天做站时碰到个小问题：ASP正则获取文章内容图片地址，现在将此方法的思路拿出来分享下：Function RegExp_Execu
- 1.定义变量时可以直接赋值 DECLARE @Id int = 5 2.Insert 语句可以一次插入多行数据 INSERT INTO St
- 循环使用 else 语句在 python 中，for … else 表示这样的意思，for 中的语句和普通的没有区别，else 中的语句会在
- 本文实例为大家分享了javascript canvas实现雨滴效果的具体代码，供大家参考，具体内容如下先看效果看起来很炫酷，其实就是实现了雨
- 怎么从mysql从官网下载到安装到客户端的登陆呢？这篇文章给你讲的清清楚楚。第一步：到Mysql官网下载。从[https://dev.mys
- 一、Time 包中定时器函数go v1.20.4定时函数：NewTicker，NewTimer 和 time.After 介绍time 包中
- 不是很难哦，我们现在就可以实现VBScript在服务器端验证，就是下面的函数：<％FUNCTION TestString(S
- 到现在为止，我们通过前面几篇博文的描述和分析，已经可以自动实现棋子、棋盘位置的准确判断，计算一下两个中心点之间的距离，并绘制在图形上，效果如
- 一、若出现404错误，自动跳转到所在目录的首页；二、若当前页本身是目录首页，则自动跳转至上一级目录的默认首页。自定义404页面代码如下：&l
- 先来看看完成后的效果是怎么样的开发环境版 本：anaconda（python3.8.8）编辑器：pycharm代码实现步骤实现免登陆选座并且
- 数据库优化包含以下三部分，数据库自身的优化，数据库表优化，程序操作优化.此文为第三部分 概述：程序访问优化也可以认为是访问SQL语
- 1、引入模块import zipfilezip文件格式是通用的文档压缩标准，在ziplib模块中，使用ZipFile类来操作zip文件，下面
