Question

我目前正在从事一个Nativescript vue小项目，对于这项技术我还很陌生。我正在尝试从本地路径加载图像。当src和http链接都很好时，但是，在Assets文件夹中没有本地图像的情况下，没有任何效果。我正在运行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可以，为什么？

1 个答案: