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本地资产路径

回答

相关问题