uniapp项目中打包成PC-Web或者H5需要注意点

已于 2024-01-06 19:51:40 修改
阅读量1.3k 收藏 10
点赞数 10
文章标签： 前端 uni-app javascript node.js html5
于 2024-01-06 19:47:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yukuleshui/article/details/135431009
版权

uni-app项目在HbuilderX中打包成PC-Web或H5需要注意：

1.在manifest.js中指定appid，https://dev.dcloud.net.cn中自己账号下的应用appid，

 "appid" : "__UNI__XXXXX",//如果不指定，打包H5会失败

2.在auth.js中指定访问后端的地址或是域名

baseURL: `http://10.10.10.66:8080/prod-api`,
localURL: `http://10.10.10.66:8080`,
土木桩
关注
uniapp开发，打包成H5部署到服务器
weixin_48596030的博客
12-13 3万+
uniapp开发，打包成H5部署到服务器
【uniapp】打包成H5并发布
最新发布
春天的波菜
10-16 1312
项目标题。
UniApp 打包项目为桌面端 exe 文件
qq_42072014的博客
07-26 1957
通过 UniApp，你可以使用 Vue.js 的语法结构和组件系统来构建原生应用、Web 应用甚至是桌面应用。本文将详细介绍如何使用 UniApp 将你的项目打包成 Windows 桌面端的 exe 文件。这样，你的应用程序就可以在 Windows 平台上运行，为用户提供更加丰富的用户体验。UniApp 的强大之处在于它的跨平台能力，而将其扩展到桌面端则进一步拓宽了它的应用场景。如果你已经有了一个 UniApp 项目，确保它已经包含了你需要的所有功能。打包完成后，你会在项目的。目录下创建相应的文件。
uni-app使用HBuilderX打包Web项目
weixin_45067120的博客
01-19 1856
一、找到manifest.json配置Web配置。打包成功，点击地址获取文件。
uniapp打包H5-pc-web
weixin_73251435的博客
06-22 552
3.需要填写HBuilder X的账号和密码确认个人信息，没有的话就先去注册一个。X找到 发行选择网站-PC Web或手机H5。2.填写网站标题，网站的域名。
uniapp制作pc端响应式布局——带开源前端【伸手党福利】【持续更新】
wwppp987的博客
03-03 5074
实现目标：uniapp一套式制作pc端、pad端、手机端。符合国家等保二级标准。伸手党福利-带前端gitee
uniapp无法打包H5
Yui_NIE的博客
04-01 1329
HBuilder 回退版本到3.8以下就解决了。发现是版本更新导致的。
基于uniapp能不能适配网站开发以及PC端的开发~~~
刘小杨的博客
12-16 6355
探讨： 基于uni-app的兴起，大部分分成好多的微信小程序、抖音小程序、快手、百度等等~ 对于在uniapp里面，已经对H5和PC端的兴起。用uni-app来开发网站是不是指日可待了呢？ uni-app的适配指南： uni-app官网 对于一些Vue的大神和uni-app的大神，在看官网的时候已经提出对一些网站的开发以及的PC端开发。 pc.js修改成下面这样， PC端样式就可以实现1upx = 1rpx = 1px；这样非常方便的1:1还原设计图了，当然如果你的设计图不是1920，比..
uni - app 打包（H5，小程序，APP）
qq_25906119的博客
02-02 1603
uni-app ，H5端，小程序端，APP端打包
uniapp怎么打包成h5发给后端
m0_59638694的博客
04-04 1646
uniapp打包成h5发给后端
uni-app的H5版使用注意事项
dcloudio的博客
11-10 3306
HBuilderX 1.2开始包含了H5平台支持。 使用方式 打开uni-app项目下的vue文件 点击菜单 运行->运行到浏览器->Chrome [attach]26917[/attach] 在Chrome內打开调试模式（右键->检查）开启设备模拟，模拟移动设备（如果UI变形刷新即可） [attach]26920[/attach] HBuilderX修改代码后会自动刷新chrome的页面 审查元素 [attach]27188[/attach] 在chrome控制台安装vue devto
uni-app 打包为 H5 并上传服务器
01-08
前言 我主要是用 uni-app 来写安卓端，近日需要将程序打包为 H5 放到 web服务器 上，经过一番折腾。 配置 在开始之前，推荐你先【拷贝】一份代码，防止打包出现问题导致代码受损。 在你的项目文件中找到 manifest.json ，打开并作如图配置： 运行的基础路径 如果你写的是 “ /H5/ “ ，那么你的服务器中要建立一个 H5 文件夹。 发行时启动摇树优化 功能是去掉无用代码与僵尸代码，但勾选时要慎重。 发行(打包) 依次点击菜单 → 发行 → 网站-h5手机版，然后弹出对话框，请做如下配置： 最后点击 发行 ，控制台会显示打包日志。 查看包 打包成功后，控制台会给出如下类
uniapp+Html5端实现PC端适配
11-19
前言： 使用uniapp做的h5页面，在PC端显示时，发现由于upx单位计算基准值太大，导致页面排班布局错乱 思路： 刚开始发现使用px单位不会导致页面布局混乱，但这对刚开启的项目友好，对已经成型的项目修改成本太高，风险也大，而且px是固定单位，在移动端显然没upx好使； 后来百度好久，发现都没有解决办法，偶然间突发奇想，能不能利用iframe在页面载入前将宽度设置为375px(750upx)，来达到欺骗浏览器，欺骗uniapp，让浏览器以375px(这个值可以自己按需设置)基准值来计算upx=>px转换比，然后setimeout 300毫秒（延迟时间自己试验吧，不一定300ms效果最好）将i
uni-app-pc-demo：与app兼容的uniapp演示
02-18
uni-app-pc-demo uniapp兼容pc端演示
【学习笔记】【保姆级】uniapp将项目打包成H5或web，通过flask实现发布
2202_75832991的博客
08-14 1616
在uniapp写完项目后，很多小伙伴就在想，自己做的这东西怎么才能让大家访问到呢🤔办法很多，编译成小程序，通过微信开放平台发布，发布成apk，发布成app上架到应用商店等等，但是这些方法都比较麻烦😭😭😭今天来讲一个比较简单的——打包成网页版，通过flask发布（低代码量，步骤少）
uni-app条件编译和网页打包
cozy666的博客
05-13 294
在项目打包时，存在打包微信小程序、h5网页端或者其他平台小程序的情况，但是有些api是某些小程序中特有的，例如wx.requestPayment()，微信支付、授权等功能。在打包网页端时会出现路径问题，需要在manifest.json中配置，改为相对路径。需要注意以wx开头的api，以及open-type，这是小程序中特有的。这时，若不做条件编译，打包成非微信小程序的项目则会报错。针对这一问题，需要使用#ifdef将特殊代码进行包裹。
uniapp项目实践总结(二十三)网页和小程序应用打包教程
Guan'Blog
09-26 395
以上就是应用打包到网页、小程序的主要内容，有不足之处，请多多指正。
uniapp 打包 H5 实现在 uniapp 打包 APP 的 webview 通信
Brod-Roy的博客
06-21 2709
本文解决 uniapp 打包的 APP 在 webview 内嵌入 uniapp 打包的 H5 页面的需求，并实现通信。
uniapp h5打包
08-30
3. 在弹出的选项中，选择"PC Web"或"手机H5"，这取决于你想要打包的平台。 4. 然后，你会看到右侧出现了一个新建会话的窗口，表示连接到服务器了。左侧是电脑本地的文件，右侧是服务器的文件。 5. 在左侧导航栏中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值