uniapp打包详细步骤和避坑指南

最新推荐文章于 2024-02-23 17:36:33 发布
最新推荐文章于 2024-02-23 17:36:33 发布
阅读量1.6k 收藏 1
点赞数 1
文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_72929120/article/details/131454794
版权

1. 找到项目中 manifest.json --- H5 配置---运行时的基础路径， 将路径修改为 后端部署到服务器相对路径，比如后端的部署路径为域名+/future（/future/ ）,必须改为相对路径，系统默认打包时为绝对路径，如不改，打包时会找不到相对应的资源，造成打包失败

 2. 修改完后，点击工具栏 --- 发行 --- 网站pc web或手机 h5

3. 弹出弹窗，修改网站标题与网站域名（网站域名取对应项目的域名，一般为https/http开头）填完后直接点击发行。

 

 4.注意区别打包时的部署路径和请求接口的路径

 

00秃头小宝贝
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uni-app修改指定开发代码打包目录，而非生成代码目录
u010378398的专栏
01-18 3312
近期学习uni-app开发，按照网上教程通过vscode下载模板后，再将所有代码拷贝到离线环境，使用npm run dev:h5运行或者使用npm run build:h5(此处以H5为例)，一切都挺顺利。 由于本人前后端都会，所以想着先分个目录搭个环境，前端使用uni-app，后端使用express，数据库使用MySQL或者其他数据库，打算将src目录分成app目录和server目录，一个存放前端，一个存放后端，如下： 那么问题来了，一般使用框架都会有一些配置文件或者指定打包目录，本人想.
uniapp 表格的介绍和使用
11-17
uniapp 表格
vue配置文件，打包后配置域名
qq_34631220的博客
01-25 288
1、在项目中找到static文件夹，在里面创建一个配置文件，起名为config.js。2、然后在创建的config.js配置文件中，声明一个全局Windows对象Glob。3、将此配置文件在index.html 文件中引入(注意：引用的路径)4、axios 配置文件。
uniapp h5项目打包 路径配置
yangqii的博客
11-15 2万+
两个简单的移动端页面选择了用uniapp写，果然很复杂了。。 隐藏导航栏，，想通过URL直接链接对应的页面，即打包之后修改首页路径配上想要的页面的文件名 本地运行（localhost）该方法可用， 同样的方法挂到服务器上，直接报错找不到该路径 各种尝试，还是不懂要怎么独立切换页面，最后采用偏方： 每个页面独立打包一份，再挂载到服务器上 如果不想重新建独立工程的话，可以仅修改 pages...
UniApp项目 打包
最新发布
yanhaijunyan的博客
02-23 508
finder查找(h5文件夹即web产品包(可发布到网域))
uniapp打包h5静态资源路径错误解决 相对路径修改
时间在飞飞的博客
05-13 5580
如果用HBuilderX打开的话直接可视化添加 或者在src/manifest.json文件源码中修改
uniapp 更改输出目录，自定义打包目录
weixin_43208652的博客
04-02 1万+
在用uniapp打包项目到生产服务器的时候每次都会多生成两个二级目录。导致静态资源访问出现一些问题。但是官方文档上vue.cofig.js中修改webpack配置outputDir这种方式是不支持的。 最后发现需要在package.json打包命令中增加这么一句 UNI_OUTPUT_DIR=你的指定目录 ...
手摸手教你快速上手uniapp开发跨端应用实战及踩坑总结
qq_15041931的博客
12-04 5036
前言 大家好，我是虚竹。如何快速学会一门新派武功，如果是我会怎么做，从哪里下手？是有师傅带领指导，还是自我琢磨？天下武功 BUG 多，唯有修炼内外功。边学边做，动手实操项目，快速（别犹豫干就对了）与反应（发现问题及时消灭）。 最近接到一个新项目，要求开发安卓版 APP 应用，指定技术栈 uni-app 框架。对于从未接触或使用过，甚至比较陌生的前端技术工具，不知从何下手，是有哪些坑，心里惶恐，没有把握。一想到俺们程序员都有打不死的小强精神，遇到问题和困难从不退缩大胆求证。一句话干就对了。 废话有点多，今天
用uniapp开发打包多端应用完整指南
weixin_64051447的博客
08-15 2194
用uni-app开发多端项目，一套代码可同时打包出各端小程序、h5和app，uni-app支持通过 HBuilderX可视化界面 和 vue-cli命令行 两种方式创建项目，下面示例项目采用 HBuilderX可视化界面 的方式创建，cli项目可参考uni文档，大部分流程都是通用的。├── common api文件├── components 公用组件├── libs 公共方法├── pages 页面├── static 本地静态资源，注意：静态资源只能存放于此├── store 状态管理。
用 Android Studio 打包 uni-app 的安卓apk；手把手教程、巨详细避坑
小超人日常码字
05-13 3003
获取到android平台的AppKey后！以上命令运行完成后就会生成证书，路径为“D:\test.keystore”找到打包后的资源目录，将下图文件夹复制到专门打包用的文件夹下，即。编辑 res 目录下的 values 目录中的。并拷贝到一个专门打包用的文件夹下作为打包模板。记录上面生成的 SHA1 SHA256 MD5。安装完成后执行下面命令即可看到输出的 md5。找到 assets 目录下的 data 目录。将 apps 文件夹下的内容删除。中查看打包好的 apk 文件。打包完成控制台会提示下面内容。
uniApp h5项目通过命令行打包，并生成指定路径、文件名称
askuld的博客
04-07 5397
第四步：将hb项目中 package.json文件中dependencies里面的依赖引入到copy过来的 package.json文件中；第一步：新建src文件夹，将一下文件放入src文件夹中。第二步：删除hb项目中除了src之外的所有文件。第七步：npm run build 打包项目。第三步：将cli项目中的以下文件copy过来。第一步：采用hbuilder新建一个项目。第六步：npm run dev运行项目。第二部：通过cli新建一个项目。回到主题，将hb项目作为基础，我们将hb的项目作为基础。
uniapp 打包App 电商源码
06-01
uniapp 源码全，直接可以访问购买和下载，需要后端源码及后台可以私信
Uniapp在IOS系统打包测试流程
07-19
1.通过蒲公英网站快速获取ios设备udid 2.登录苹果开发者社区 绑定测试iPhone/ipad 的udid 3.创建Identifiers标识符 4. 登录Appuploader申请iOS证书文件p12 5.创建与下载profile文件 6.打包ipa 7. Ipa 上传到蒲公英 发布测试
uniapp打包成apk ---完整解压资源sdk
02-11
uniapp打包成apk ---解压资源sdk
uniapp打包app自定义开屏页
01-27
uniapp打包app自定义开屏页
uniapp打包时生成的H5配置为相对路径
jia_gushuai的博客
03-17 6696
uniapp打包时生成的H5配置为相对路径配置生成相对路径修改打包后的配置文件有个遗留问题暂时解决 配置生成相对路径 参考文章 在mainfest.json中设置h5节点的publicPath为:’./'打包后即为相对路径 修改打包后的配置文件 修改index.xxxxx.js文件的uniConfig.router={mode:"hash",base:"/"}改成uniConfig.rou...
uniapp打包
小罗的博客
04-24 1766
3.千万千万不能勾选摇树优化（ 如果项目引用了其他组件，则会报错 node模块找不到组件，实际上是由于摇树优化，裁剪了一部分没有使用的组件，导致 node模块的缺失 ）"target" : "http://192.168.0.202:8080", //这里使用后端服务器的地址。（ nginx 配置的 location 后面连接的 /h5/ 就是连接在这里的，如果不连接上去，会报错404 ）3.router 的base，最好设置为 ./ （ 一致化，本人没有试过使用加了其他的会不会产生什么变化 ）
uniapp分包，小程序分包处理，详解(图解)，手把手从0开始
热门推荐
weixin_50587417的博客
09-19 3万+
因小程序有体积和资源加载限制，优化小程序的下载和启动速度。
uniapp分包详细步骤
08-31
uniapp的分包是指将应用程序拆分为多个子包，以优化应用程序的加载性能。下面是uniapp分包的详细步骤： 1. 在uniapp项目的根目录下，创建一个名为`subpackages`的文件夹。 2. 在`subpackages`文件夹中，创建一个名为`subpackage1`的子文件夹（以一个子包为例）。 3. 在`subpackage1`文件夹中，创建一个名为`pages`的子文件夹，用于存放该子包的页面。 4. 在`subpackage1`文件夹中，创建一个名为`manifest.json`的文件，用于配置该子包的相关信息。示例配置如下： ```json { "name": "subpackage1", "root": "pages/subpackage1", "pages": [ "index", "detail" ] } ``` 其中，`name`为子包的名称，`root`为子包的根目录路径（相对于`subpackages`文件夹），`pages`为该子包包含的页面路径列表。 5. 在uniapp项目的根目录下，找到并打开`manifest.json`文件，添加以下代码： ```json "subPackages": [ { "root": "subpackages/subpackage1", "pages": [ { "path": "pages/subpackage1/index", "style": { "navigationBarTitleText": "subpackage1首页" } }, { "path": "pages/subpackage1/detail", "style": { "navigationBarTitleText": "subpackage1详情页" } } ] } ] ``` 这段代码的作用是将子包的配置信息添加到`manifest.json`文件中。 6. 在uniapp项目的根目录下，找到并打开`pages.json`文件，将子包的页面路径添加到`pages`数组中。示例代码如下： ```json "pages": [ "pages/index", "pages/subpackage1/index", "pages/subpackage1/detail" ] ``` 这样，子包的页面就会在应用程序编译时被包含进来。 7. 运行uniapp项目，你就可以看到子包的页面了。 注意：分包功能需要在uni-app 2.3.0 及以上版本才能使用。 希望以上步骤能够帮助到你！如果有任何其他问题，请随时向我提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值