axios请求本地json

2025-04-08 04:40:53

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

axios请求本地json

2、找到src文件夹下的main文竭惮蚕斗件,在这个文件中引入aixos,并把aixos设置为全局代码:import ax足毂忍珩ios 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。
猜你喜欢