vue 2.0以后使用axios加载本地json文件报404

来源:互联网 发布:java json解析jar包 编辑:程序博客网 时间:2024/06/07 00:58

今天在开发的时候使用axios加载本地文件一直报404,文件结构如下:


index.vue中调用components中的一个组件,组件中请求加载test.json文件,无论怎么写url,都会报出404。

后来发现只需要将json文件放在static文件夹中,然后在url写 :  

this.$axios.get('/static/test.json').then((res)=>{
     //....
})


即可加载成功。

这可能关于到脚手架的配置文件中定义了只会加载static文件夹中的文件。



题外话:

关于axios可以这样引入:

import axios from 'axios'
Object.defineProperty(Vue.prototype, '$axios', {value: axios})


写$符号的原因是 vue官网有给出一些优化建议,在使用外部插件的时候建议使用$来使用,避免和data中的某个数据冲突。

原创粉丝点击