axios请求本地json

2025-11-14 18:03:38

1、打开开发软的终端,使用 npm  install  axios 命令按照axios

axios请求本地json

2、找到src文件夹下的main文件,在这个文件中引入aixos,并把aixos设置为全局

代码:

import axios from 'axios'

Vue.prototype.axios=axios

axios请求本地json

3、找到项目下的static文件夹,然后在该文件夹下新建一个json文件 (注意:在static文件夹下才新建的json才可以本地访问)

axios请求本地json

4、回到vue文件,使用 this.axios.get('/static/userMes.json',{}).then((res)=>{}) 访问本地json

axios请求本地json

5、保存vue文件后在终端启动项目,使用npm启动代码:npm run dev

axios请求本地json

6、在浏览器按F12,然后点击按钮即可看到控制台打印出json文件的数据

axios请求本地json

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢