uniapp打包h5 - 相对路径配置

发行到h5

工具:HbuilderX

  • 步骤1:发行 -> 网站h5手机版
    uniapp打包h5 - 相对路径配置
  • 步骤2:填写网站标题和域名,点击发行
    uniapp打包h5 - 相对路径配置
    在控制台可以很清楚地看到,项目打包的输出路径在: \ unpackage \ dist \ build \ h5中,
    同时,官方的说法是要部署到web服务器使用,不支持本地file协议打开。
    uniapp打包h5 - 相对路径配置
    我们来到h5目录,打开里面的 index.html ,页面一片空白,控制台报错:
    uniapp打包h5 - 相对路径配置

一看就明白怎么回事了吧!引用文件的路径是绝对路径,到根目录去了,此时只要把它改为相对路径就可以了,操作如下:

manifest.json文件h5配置

打开manifest.json文件 - > h5配置 -> 运行的基础路径,可以看到,运行的默认路径是空,也就是在根目录下,我直接 把运行的默认路径改为./ ,打包之后打开index.html就可以看到页面了。
uniapp打包h5 - 相对路径配置

相关文章: