VueJs 로컬 자산 경로

VueJs 로컬 자산 경로

나는 Quasar Framework 에 기반을 둔 Vuejs 앱을 만들고 있다. src/components/Hello.vue에 나는 json 파일을 로드하는 기능이 있다.

axios.get('../assets/json/ar/myfile.json')
    .then(response => {
      // JSON responses are automatically parsed.
      console.log(response)
    })
    .catch(e => {
      this.errors.push(e)
    })

그것은 오류를 반환한다.GET http://localhost:8080/assets/json/ar/ch78.json 404 (Not Found)

그래서 내 질문은 src/properties 폴더에서 파일을 어떻게 가져오는가 이다.axios.get('../assets/json/ar/myfile.json')이 선은 고칠 필요가 있다.

데이터가 정적인 경우(이 경우처럼) 다음과 같이 데이터를 가져올 수 있다.

import myFile from './json/ar/myfile.json'
console.log(myFile.someProp); // will work

내가 알기로는 Quasar Framework가 구성되었다.json짐을 싣다

데이터가 동적인 경우(예: 컴파일 시 파일 이름을 모르는 경우) 서버 도메인을 구성의 어딘가에 저장하고 동적 경로에 가입하십시오.다음과 같이 보일 수 있다.

import { BASE_URL } from './config'
const lang = getCurrentLang(); // this is dynamic

axios.get(`${BASE_URL}/assets/json/${lang}/myfile.json`)
     .then()
     .catch();

이 경우./config다음과 같이 보일 수 있다:

export const BASE_URL = 'http://localhost:8080';

참조URL: https://stackoverflow.com/questions/46445425/vuejs-local-assets-path