Vue js failed to load images?

Question

Vue.js

I'm starting to learn vue.js.
I decided to make a simple application for filtering data in the src folder created a data folder in it data.js
piece of code:

const data = [
  {
  name: 'vue js',
  //logo: '../assets/vue-logo.png',
  logo: 'https://upload.wikimedia.org/wikipedia/commons/f/f1/Vue.png',
  stack: [ 'framework', 'frontend', 'web', 'mobile' ]
  },
  {
  	name: 'react js',
  	logo: './assets/react.png',
  	stack: [ 'framework', 'frontend', 'web', 'mobile' ]
  },
 {
name: 'Slim Framework',
logo: '../assets/slim.png',
stack: [ 'backend','framework', 'web' ]
}
];
export default data;

I uploaded images to the assets folder,
if I write the path of the image in this format
logo: ' https://upload.wikimedia.org/wikipedia/commons/f/f... ',
then the image is displayed ,
and if this format is
logo: '.. /assets/vue-logo.png',
I don't understand why the images
of the project files are not displayed

How to solve the problem, enlighten

Answer 1

As I understand correctly, you must specify the path relative to the site/server root file, not the JS file.
Most likely like this: /assets/vue-logo.png