로컬 json 파일 데이터를 얻는 Vue-cli 프로젝트 예

아래에서는 Vue-cli 프로젝트가 로컬 json 파일 데이터를 얻는 방법에 대한 예를 공유하겠습니다. 이는 좋은 참조 값을 가지고 있으며 모든 사람에게 도움이 되기를 바랍니다.

제가 만든 vue 데모 프로젝트에서 로컬에서 일부 json 데이터를 추가하고 이를 json 파일에 쓴 다음 비동기 요청을 통해 얻은 다음 데이터를 로드하려고 합니다.

axios.get('http://localhost:8080/datas/json')

그런데 이 과정에서 제 접속은 항상 404였습니다. 확인해보니 vue-cli를 기반으로 구축한 프로젝트에서 static 디렉터리만 vue-cli에서 노출하는 static 데이터 폴더인 것을 발견했습니다. static 아래에는 정상적으로 접근이 가능하며, static과 같은 수준의 디렉터리에 새로운 datas 디렉터리를 생성하고, datas 디렉터리에 json 파일을 넣었습니다. 요청은 항상 404입니다. json 파일을 static 디렉터리에 넣으면, 정상적으로 접속하실 수 있습니다.

이 기능을 꼭 기억하세요:

정적 디렉터리는 vue-cli에 의해 노출되는 정적 폴더입니다. 모든 정적 데이터는 정적 디렉터리에 있어야 합니다! !

위 내용은 제가 여러분을 위해 정리한 내용입니다. 앞으로 도움이 되길 바랍니다.

관련 기사:

vue2.0 시뮬레이션 앵커 포인트 예시

Vue의 믹스인 속성 자세한 설명

vue2.0 라우팅 전환 이후 페이지 스크롤 위치가 변경되지 않는 BUG 해결 방법

위 내용은 로컬 json 파일 데이터를 얻는 Vue-cli 프로젝트 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!