uni 根目录路径_新手用uni-app开发下面内容你一定要知道

在生产环境中

1、如何解决Html中相对路径问题？ 解决H5图片部署问题

为啥有这个问题呢？原本uni-app 是针对小程序和app的他们都是从根目录开始计算的路径的，但是H5不是这样的

A: 相对路径

index.******.js

默认编译 ：e.__uniConfig.router e.__uniConfig.router={mode:"hash",base:"/"}

H5请修改成 ：e.__uniConfig.router e.__uniConfig.router={mode:"hash",base:"./"}

B：域名配置

"h5" : {

"title" : "H5test",

"domain" : "http://game.kfw001.com2019/test/h5",

"publicPath" : "http://game.kfw001.com/2019/test/h5"

}

2、不可以采用以下方式，我相信你会掉入这个坑

编译前：

{{title}} --2222---

编译后：『错了 错了』，请采用 1 解决这个问题

技巧： 用： 方法替换： src="./static/logo.png"

对于小图片可以的，require后可以将图片转成base64，直接嵌入到html中

3、如何解决css中图片资源路径问题？ 采用如下内容

技巧： 用： 方法替换： src="./static/logo.png"

对于小图片可以的，require后可以将图片转成base64，直接嵌入到html中

background-image: url(require('static/logo.png')) ;