How to locate Static Images in Nuxtjs

Question

I created an assets folder in my NuxtJs directory and i have img folder inside it with images. Currently i am trying to load images from that directory like this

../../assets/img/register_bg_2.png

Inside Pages/auth/login/index.vue

Currently i am getting 404 not found.

Can someone help?

Answer 1

You can put static files like images inside the static folder in your NuxtJS directory. If you have an image called test.jpg inside your static folder you should reference it as /test.png in your pages and components.

Reference: Nuxt - Static directory