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.15.98: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属性。

猜你喜欢

转载自blog.csdn.net/fyyyr/article/details/80859003