Displaying images

Hi, I got some trouble displaying images, please advise

<template>
    <div class="container">
        <main class="pb-3" role="main">            
            <div class="text-center">
                <h1 class="display-4">Welcome</h1>
                <p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
                <img v-bind:src="'./assets/my-web.png'"/>
            </div>
        </main>
    </div>
</template>
<script>
export default {
    
}
</script>
<style>

</style>

Hi. Look in the developer tools in your browser and see which image is fetched and if the server gives an error message. The code seems ok.

I have to change the code as the below, then it worked

<img src='@/assets/my-web.png'/>

please avoid handling img :src by path directly , by resolve instead