javascript - vue-lazyload 경로 문제

Question

질문하기:

으아악 으아악

Executionnpm run dev在浏览器中报错http://localhost:8080/assets/images/.... 找不到，把上面的路径改成/src/assets/imgs/imgerror.jpg도 오류를 보고합니다.
그런 다음 src와 동일한 수준의 static 폴더 아래에 이미지를 넣고 코드를 다시 작성했습니다.

으아악

사진을 성공적으로 로드할 수 있다는 걸 오랫동안 몰랐던 것 같아요.

Answer 1

./assets/imgs/imgerror.jpg 디렉토리에 imgs 폴더가 없는 것 같습니다

Answer 2

템플릿의 경로는 webpack에 의해 구문 분석되는 반면, js의 경로는 가져오기를 통해 참조하거나, 참조를 위해 이미지를 정적으로 넣어야 한다고 합니다

Answer 3

require('./assets/imgs/imgerror.jpg')