今天在开发的时候使用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中的某个数据冲突。

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐