VueJs本地資產路徑

我正在使用Vuejs應用程序。基於類星體框架，在SRC /組件/ Hello.vue 有我有一個函數來加載JSON文件VueJs本地資產路徑

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中的文件/資產文件夾？ axios.get('../assets/json/ar/myfile.json')這一行需要加以糾正

來源

2017-09-27 rashidnk

我期待你的src目錄通過您的Web服務器的調用是不能直接使用。 Vue使用什麼構建工具？ –

你可以使用'import'作爲靜態資產。 – CENT1PEDE

看到爲什麼我不使用導入這裏..https：//stackoverflow.com/questions/46430911/simplest-method-for-copying-all-objects-into-array？noredirect = 1＃comment79819723_46430911 – rashidnk

如果數據是靜態的（在這種情況下），你可以這樣導入：

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

據我所知類星體框架已配置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';

來源

2017-09-27 12:12:12

VueJs本地資產路徑

回答

相關問題