weex的本地资源路径

在weex中，本地资源路径有四种：

路径标示符	含义
/	工程文件夹
.	当前文件夹
..	父文件夹
//	最上级根路径

例如，工程如下：

在该工程中，共有4个png文件，分别是：

①   /dist/native/logo-in-native.png

②   /dist/web/logo-in-web.png

③   /src/assets/images/logo.png

④   /src/views/index/logo-in-view.png

 

在组件/src/views/index/index.vue中，若希望访问png③，则有3种方式：

1.  src: '/src/assets/images/logo.png'

2.  src: '../../src/assets/images/logo.png'

3.  src: '//192.168.x.xx:9091/src/assets/images/logo.png'

对于这3种方式：

1.    “/”直接定位到工程根目录下，所以从根目录向下找即可。

2.    “..”是从当前位置开始，向上一级。所以只需要从当前开始找到根目录，再从根目录沿src找到logo.png即可。但注意，当前并非/src/views/index/index.vue，而是/dist/native/index.js。

3.    “//”是指http://中的“//”。所以若要使用//来指定资源，需要将工程的具体ip和端口等信息都带上。

现在，希望访问png①②④。使用上面的3种方式自然都是可以做到的。但使用当前文件夹“.”，是无法访问的，即使png与js是在同一个文件夹下。

当前文件夹“.”可用于引入js文件，而不能用于image的src属性。