Vue-cli 프로젝트에서 로컬 json 파일을 얻는 방법

이번에는 Vue-cli 프로젝트가 로컬 json 파일을 얻는 방법을 보여드리겠습니다. Vue-cli 프로젝트에서 로컬 json 파일을 얻는 주의 사항은 무엇입니까? 다음은 실제 사례입니다.

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

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

그런데 이 과정에서 제 접속은 항상 404였습니다. 확인해보니 vue-cli를 기반으로 구축된 프로젝트들 중 static 디렉터리만 vue-cli static Data 폴더에 노출되어 있는 것을 발견했습니다. , static 아래에 넣은 pictures는 정상적으로 액세스할 수 있습니다. static과 동일한 수준 디렉터리에 새 datas 디렉터리를 만들고 json 파일을 datas 디렉터리에 넣었습니다. 요청은 항상 404입니다. file into 정적 디렉터리에 진입한 후 정상적으로 접근할 수 있습니다.

이 기능을 꼭 기억하세요:

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

로컬 json 파일 데이터를 얻는 위의 Vue-cli 프로젝트 예시는 모두 편집자가 공유한 내용이므로 참고가 되셨으면 좋겠습니다. Script Home을 지원해 주시길 바랍니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

vue 요청 데이터의 값을 수정하는 방법

vue.js의 $set에서 배열을 업데이트하는 방법

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