解决uniapp打包h5后的静态资源指向问题

最新推荐文章于 2024-08-10 21:19:09 发布
最新推荐文章于 2024-08-10 21:19:09 发布
阅读量1.3w 收藏 12
点赞数 4
分类专栏： uni-app vue 文章标签： android ios web app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41891519/article/details/105020651
版权
vue 同时被 2 个专栏收录
16 篇文章 2 订阅
订阅专栏
uni-app
7 篇文章 2 订阅
订阅专栏

解决uniapp打包h5后的静态资源指向问题

普遍的uniapp h5静态资源文件打包路径都是/static/下的
但是我们有时候需求是放到线上的时候访问的路径是/xxx/static/的

以下例子打包后静态资源指向问/h5/static

解决方案1：

在mainfest.json文件里面“h5配置”设置
在这里插入图片描述

解决方案2

在mainfest.json文件里面“源码视图”设置
在这里插入图片描述

结果

打包出来的路径
在这里插入图片描述

君归乐
关注
专栏目录
un-app部署h5项目到普通云服务器--域名解析--OOS对象存储
weixin_46045444的博客
06-24 3329
在不不使用前端托管，自己买了一个云服务器的情况 首先要进行云函数的url化 之后是项目部署 服务器一般是nginx 安装nginx 可以参考菜鸟网 windows+jenkins+gitea+node+react https://juejin.cn/post/6888558115113926669 先按照jdk环境 之后下载gitea 部署前端项目的几种方案 前端部署三个方式 https://blog.csdn.net/haonanhai1688/article/details/120846608 使用ng
2021-6月面试总结-vue，uniapp，小程序，h5，更新中
shuux666的博客
03-03 703
**一、**vue 2.6.11 vue****页面的生命周期？ 总共分为8个阶段创建前/后，载入前/后，更新前/后，销毁前/后。 创建前/后： 在beforeCreate阶段，vue实例的挂载元素el和数据对象data都为undefined，还未初始化。在∗∗created∗∗阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在**created**阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在∗∗cre
uniapp H5打包时，静态资源文件指向不对
weixin_44097578的博客
07-11 1万+
首先在manifest.json中的H5位置设置打包时引用资源的地址前缀:publicPath "publicPath" : "https://**********.com/h5/" 然后打包出来以后你会发现有些文件图片地址前缀不对，会出现以下两个版本： 第一种(正确)： <img src="https://**********.com/h5/lala.png"/> 第二种(错误)...
static-html-generator:为使用 JSONCSV 作为数据源的项目生成静态 HTML
06-08
静态 HTML 生成器 使用 JSON/CSV 作为数据源为项目生成静态 HTML。 入门 这个项目需要 克隆后运行npm install ，然后运行node index.js和grunt watch 。 CSV 和 JSON 运行grunt csv2json:_filename_其中_filename_是位于根/csv文件夹中的 CSV 文件的名称。 将生成一个 JSON 文件并将其放置在根目录的/json文件夹中。 模板制作 该项目使用为模板引擎提供动力。 请参阅 Nunjucks以了解如何使用 Nunjucks。 根目录中的/index.js文件包含 Express 配置，例如指向位于/views文件夹中的/views路由。 这也是您指定将传递给视图的 JSON 文件的地方。 鳍。
Uniapp打包H5，配置成Django静态资源
最新发布
qq_19393713的博客
08-10 345
了解静态资源加载的顺序后，根据使用习惯进行选择：1.每个APP下面创建static（放置css\js\image）、template（放置html）文件夹2.仅根目录创建static（放置css\js\image）、template（放置html）文件夹3.上述方式两种结合。
uniapp打包h5静态资源路径错误解决
luomo0203的博客
11-06 4781
在src/manifest.json文件添加 如果用HBuilderX打开的话直接可视化添加
vue/uniapp项目把public下的静态资源打包进dist目录
bigbigpigsobig的博客
03-22 772
vue-cli包装的uniapp项目，
uniapp打包H5,nginx部署无法读取/static目录下index.xxxxx.css
weixin_41463944的博客
03-19 737
uniapp打包H5,nginx部署无法读取/static目录下index.xxxxx.css
uniapp打包为h5的时候路径报错
m0_61848095的博客
09-07 733
其中"/dsj/ceshi/h5/"是服务器的目录地址。
uniapp
喵喵的博客
04-08 648
项目目录及文件介绍 一个uni-app项目，默认包含如下目录及文件： ┌─cloudfunctions 云函数目录（阿里云为aliyun，腾讯云为tcb，uniCloud详见 https://uniapp.dcloud.io/uniCloud ） │─components 符合vue组件规范的uni-app组件目录 │ └─wqq-banner │ └─wqq-banne.vue 可复用的a组件，若目录名和.vue文件名一致，不需要import也可以直接在页面中直接使用`<wqq-bann
uniapp打包h5静态资源路径错误解决 相对路径修改
时间在飞飞的博客
05-13 6007
如果用HBuilderX打开的话直接可视化添加 或者在src/manifest.json文件源码中修改
uniapp在发布后找不到资源的问题
oiooooio的专栏
05-11 1088
uniapp在发布后找不到资源的问题
uni-app打包小程序根据不同编译条件打包不同静态素材目录
阿不的专栏
01-20 1487
在Hbuilder运行tpl_more时，在微信开发者工具中，查看static目录，只有tpl_more子目录，没有tpl_mars；同理，运行tpl_mars时，static目录下也只有tpl_mars子目录。在uni-app开发小程序的时候，我们经常有这样的需求，一个小程序，拥有多个不同样式的模板，发布的时候，为了减少包的体积，我们希望只打包当前使用的模板对应的静态素材目录，而其他模板的目录不打包进去。运行tpl_mars时，只打包static/tpl_mars呢。
uniapp：二级目录部署H5静态图片资源请求路径不对
彭世瑜的博客
07-09 2649
其实最后解决的方式也很简单，使用相对当前目录的方式。开发环境中没有问题，资源可以正常请求到。上线后，发现静态资源请求的路径是。去掉，上线后就获取正确的路径了。由于url使用的是二级目录，请求不到资源，返回了404。也就是把最前面的路径。
uni-app打包项目成h5，遇到本地访问页面空白
YourPasser的博客
10-25 2375
直接在本地打开static里面的inedx.html的时候，会出现空白页面。
uniapp踩坑笔记——H5端打包之后页面空白/配置基础路径/相对路径
热门推荐
没沙发
07-11 2万+
需求 使用静态文件便可以访问项目，不需要部署到服务器上。 遇到的问题
uniapp打包成H5部署到服务器教程
qq_45961915的博客
10-13 4796
2：在网站域名这一栏填写，网站域名，例如www.xxx.com或者你的服务器的IP地址47.103.XX.XX，（这个地址是你将项目打包之后存放放静态文件的地址）。[在这里插入图片描述](https://img-blog.csdnimg.cn/bd5dcec4ee634cc3bcd0d895669e7923.png。链接：https://www.jianshu.com/p/dee3043bc994。8：注意，这三个地方的路径名称一定要一致哦。1：打包时候的配置的运行的基础路径。3：浏览器里面访问的路径。
h5画布动画_他们是Heeereee：HTML5画布中的静态动画
cungui5726的博客
08-24 240
h5画布动画In last week’s article I talked about making static static in canvas: a single pass of random greyscale blocks in a rectangle. In this piece I will animate that effect with a purpose: to fill in...
uniapp打包h5后修改js文件内容会生效吗
08-27
uniapp是一个跨平台的开发框架，可以将代码同时打包成多种平台的应用程序，包括H5、小程序、App等。当我们使用uniapp打包成H5应用后，生成的文件包括HTML、CSS和JS文件。 在uniapp中，JS文件是用于逻辑处理的主要文件，如果我们修改JS文件的内容，这些修改将会在H5应用中生效。可以通过将JS文件导入到开发工具中进行编辑，修改其中的逻辑代码或配置信息。 在修改完JS文件后，需要重新打包应用并重新部署到服务器上，以便将更新后的JS文件应用到H5应用中。 需要注意的是，修改JS文件内容只会在H5应用中生效，对于其他平台的应用，如小程序和App，需要分别进行打包和部署。每个平台生成的应用程序都有独立的代码逻辑和文件，修改JS文件只会影响到相应平台的应用。 总之，使用uniapp开发的H5应用，可以通过修改JS文件的内容来实现相应的逻辑处理和配置调整。但是需要注意及时重新打包和部署应用，以便使修改的内容在H5应用中生效。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值