当前位置:网站首页>uniapp开发,打包成H5部署到服务器
uniapp开发,打包成H5部署到服务器
2022-07-06 00:18:00 【马小跳的Coding进阶之路】
前端使用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:浏览器里面访问的路径
边栏推荐
- [designmode] Decorator Pattern
- Tools to improve work efficiency: the idea of SQL batch generation tools
- Add noise randomly to open3d point cloud
- Hudi of data Lake (2): Hudi compilation
- How to solve the problems caused by the import process of ecology9.0
- 小程序技术优势与产业互联网相结合的分析
- Wechat applet -- wxml template syntax (with notes)
- About the slmgr command
- LeetCode 6004. Get operands of 0
- Hudi of data Lake (1): introduction to Hudi
猜你喜欢
wx. Getlocation (object object) application method, latest version
Huawei equipment is configured with OSPF and BFD linkage
软件测试工程师必会的银行存款业务,你了解多少?
There is no network after configuring the agent by capturing packets with Fiddler mobile phones
How to solve the problems caused by the import process of ecology9.0
PV static creation and dynamic creation
行列式学习笔记(一)
NSSA area where OSPF is configured for Huawei equipment
Single merchant v4.4 has the same original intention and strength!
关于结构体所占内存大小知识
随机推荐
GD32F4xx uIP协议栈移植记录
【二叉搜索树】增删改查功能代码实现
Atcoder beginer contest 254 [VP record]
DEJA_ Vu3d - cesium feature set 055 - summary description of map service addresses of domestic and foreign manufacturers
notepad++正則錶達式替換字符串
LeetCode 6006. Take out the least number of magic beans
Go learning --- read INI file
电机的简介
LeetCode 6005. The minimum operand to make an array an alternating array
The global and Chinese markets of dial indicator calipers 2022-2028: Research Report on technology, participants, trends, market size and share
[Luogu p3295] mengmengda (parallel search) (double)
LeetCode 斐波那契序列
STM32 configuration after chip replacement and possible errors
QT QPushButton details
FFT learning notes (I think it is detailed)
Start from the bottom structure and learn the introduction of fpga---fifo IP core and its key parameters
提升工作效率工具:SQL批量生成工具思想
【DesignMode】组合模式(composite mode)
PV static creation and dynamic creation
Huawei equipment configuration ospf-bgp linkage