uniapp h5打包运行二级目录

项目中需要将H5项目运行在域名下的二级目录。但uniapp 官方不支持二级，默认会运行在根目录

实现方法：

1：manifest.json 中配置

“h5”: {
“publicPath”: “./”,
}

2；打包生成后手动修改static/ js / index.xxxxx.js 文件

router={mode:“hash”,base:"/"} 改为 router={mode:“hash”,base:"./"}

此时项目已经可以在二级目录下正常运行

但测试中发现有些静态图片不显示，检查发现项目中静态图片引用方式不对造成的

view 中引用静态资源

src=“static/common/none-login.png” 正确
src=“static/common/none-login.png” 错误（会指定到根目录）

css 中引用静态资源

background: url(’~@/static/common/audio_left.png’)

学习中遇到问题写博客记录下过程，新手有不对的地方欢迎指教，QQ：1075606525 ，欢迎大家私聊，一起学习一起进步！！！

uniapp h5打包运行二级目录相关推荐

uni-app h5打包发版到测试和生产环境具体步骤
前言: 最近需要在uniapp项目上修改需求,完成后需要将页面打包出来,生成h5静态文件,然后部署到测试和生产环境,这里总结下我的具体操作步骤步骤: 测试域名打开,因为我项目里测试域名都是test. ...
uni-app H5打包上线流程
开通登陆DCloud帐号,获取该账号appid 用该账号登陆HBuilderX,将manifest.json中的appid换成对应的appid 在HBuilderX直接点击manifest.json是 ...
uniapp的打包：h5、微信小程序以及APP方式
uniapp的打包:h5.微信小程序以及APP方式 H5打包微信小程序打包 App打包本人用的是HBuilder编译器,学习uniapp时b站某位大大推荐的,我刚开始接触代码时候也用过,那时候并不 ...
uniapp 区分环境运行、打包
问题在任何系统中,一般都会有本地开发.体验版.正式版三个环境,三个环境对应的后端服务地址不一样,每次发包前都手动改base_url,不仅浪费时间还容易出错,uniapp也不例外: 环境 base_u ...
vue2.0 vue3.0 打包二级项目-如何部署二级目录
看了很多其他大佬的文章,我这边做了一个笔记记录了一下vue打包二级目录的方法我们想要的效果是什么我们想www.taobao.com/web二级目录来访问我们的页面如果我们没有做任何的配置,直接将 ...
Vue二级目录部署多环境打包部署（二）
如果是Vue-cli2的可以看我的上一篇文章:Vue二级目录部署&多环境打包部署(一) 我们的域名一般都是www.xxx.com,可是我们想实现www.xxx.com/aaa 或者 www.x ...
用uniapp开发打包多端应用完整指南
一.uni-app项目介绍用uni-app开发多端项目,一套代码可同时打包出各端小程序.h5和app,uni-app支持通过 HBuilderX可视化界面和 vue-cli命令行两种方式创建项目 ...
uniapp项目打包为桌面应用的方法步骤
1.在控制台安装electron 1 cnpm install electron -g 2.在控制台安装electron-packager 1 cnpm install electron-packag ...
uni-app h5、app模式下集成turn.js 翻书动画
uni-app 集成turnjs 翻书动画 h5 页面引入JQuery.turn.js 工具类文件,注意引入的顺序 import '@/utils/jquery.min.1.7.js'; impor ...

uniapp h5打包运行二级目录

uniapp h5打包运行二级目录相关推荐

最新文章

热门文章