无法从本地路径加载Nativescript vue中的图片,但是用http/https就可以了,为啥?

Posted

技术标签:

【中文标题】无法从本地路径加载Nativescript vue中的图片,但是用http/https就可以了,为啥?【英文标题】:Can't load images in Nativescript vue from local path, but with http/https it's OK, why?无法从本地路径加载Nativescript vue中的图片,但是用http/https就可以了,为什么? 【发布时间】:2019-12-04 21:04:42 【问题描述】:

我目前正在开发一个小的 Nativescript vue 项目,我对这项技术很陌生。 我正在尝试从本地路径加载图像。当 src 是和 http 链接时,一切都很好,但是资产文件夹中的本地图像没有任何作用。 我正在运行 Nativescript 6.0.2 和 Vue 3.9.3。我按照 Nativescript vue 网站上的指南启动项目。

我尝试了不同的东西。

<Image src="../assets/images/NativeScript-Vue.png" stretch="none" col="2" row="0"/> 不起作用

<Image src="~/assets/images/NativeScript-Vue.png" stretch="none" col="2" row="0"/> 不起作用

<Image src="https://www.google.com/images/errors/logo_sm_2.png" stretch="none" col="2" row="0"/> 确实有效

<Image :src="native_img" stretch="none" col="2" row="0"/>

data() 
            return 
                native_img: "~/assets/images/NativeScript_logo.png"
            ;

没用

<Image :src="native_img" stretch="none" col="2" row="0"/>
data() 
            return 
                native_img: "https://play.nativescript.org/dist/assets/img/NativeScript_logo.png"
            ;
        

有效

而我的项目文件夹结构是V2项目结构 https://nativescript-vue.org/en/docs/getting-started/upgrade-guide/

感谢您的宝贵时间;)

【问题讨论】:

【参考方案1】:

如果你的文件的位置是这样的:

- app
   - App_Resources
   - assets
     - images

那么你应该像这样访问你的图像:

<Image src="~/assets/images/imageName.png" stretch="none"></Image>

【讨论】:

以上是关于无法从本地路径加载Nativescript vue中的图片,但是用http/https就可以了,为啥?的主要内容,如果未能解决你的问题,请参考以下文章

重新启用按需加载 [NativeScript Vue]

无法在 NativeScript Vue 模态中访问道具

NativeScript-vue 从 url 保存图片

使用 webpack 2 和 vue-cli 加载本地字体

Huggingface AutoTokenizer 无法从本地路径加载

navigateTo 在 Nativescript-Vue 上不起作用