uniapp打包h5 - 相对路径配置

uniapp打包h5 - 相对路径配置

    • 发行到h5
    • manifest.json文件h5配置

发行到h5

工具:HbuilderX

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

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

manifest.json文件h5配置

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

你可能感兴趣的:(web前端,uniapp,相对路径配置)