How can I debug why the background image is not displaying?

Question

I have some code that works with Angular, that does not work with Vue.js.

bodyElement.style.setProperty('background-image', 'url(./assets/pictures/pexels-chevanon-photography-1108099.jpg)');             
bodyElement.style.setProperty('background-size', 'cover');

Here is the Angular file tree structure and the Vue.js file tree structure.

How can I debug the issue?

Background issue solved: I placed the background picture in the "public" folder.

user_10377271 · Answer

To change the element background image you can use the codes below:

bodyElement.style.backgroundImage='url(./assets/pictures/pexels-chevanon-photography-1108099.jpg)';
bodyElement.style.backgroundSize='cover';

How can I debug why the background image is not displaying?

1 Answers