Then you must have the wrong URL to the image, if you’re still getting a 404 error. Check that you have the folder structure correct.
Remember if your CSS file is in a folder such as ‘CSS’ and your image is in a folder named ‘images’ then you need to navigate up to the root first, using ‘…’
Example:
If the CSS file is in a sub-folder: background-image: url('../images/green_start.png');
If the CSS file is in the root: background-image: url('images/green_start.png');
background-image: url('{{ green }}')"
<script>
import green from '../assets/img/green_start.png';
export default {
data() {
return {
green
...
}
}, // end DATA
...
</script>