无法从本地路径加载 Nativescript vue 中的图像，但是 http/https 没问题，为什么？

Question

我目前正在做一个小的 Nativescript vue 项目，我对这项技术还很陌生。我正在尝试从本地路径加载图像。当 src 和 http link 时一切都很好，但是资产文件夹中的本地图像没有任何作用。我是运行 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/

感谢您的宝贵时间 ;)

Answer 1

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

- app
   - App_Resources
   - assets
     - images

然后你应该像这样访问你的图像：

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

无法从本地路径加载 Nativescript vue 中的图像，但是 http/https 没问题，为什么？

Can't load images in Nativescript vue from local path, but with http/https it's OK, why?

image

vue.js

nativescript

nativescript-vue