I'm currently facing an issue with my code where I am unable to retrieve images from storage despite the strings working fine. I have referred to the documentation of flamelink-js-sdk but it does not provide clear instructions on handling images.
Below is a snippet of my code:
async created() {
app.content
.get({
schemaKey: "teamPage",
populate: [
{
field: "title"
},
{
field: "description"
},
{
field: "executiveBoard",
fields: [
"title",
"position",
"image",
"facebook",
"github",
"linkedin"
]
}
]
})
.then(teamPage => {
this.teamPage = teamPage;
console.log(this.teamPage.executiveBoard[0].image);
})
.catch(error => console.log(error));},
This is how I render them:
<team-circle
v-for="board in teamPage.executiveBoard"
:key="board.title"
class="col-12 col-sm-12 col-md-4"
:name="board.title"
:image="board.image"
:facebook="board.facebook"
:linkedin="board.linkedin"
:github="board.github"
>{{ board.position }}</team-circle>
Click here to see the src data passed in the img tag
Thank you for your assistance. I hope you can guide me through resolving this problem!