axios请求本地json404,axios请求json文件

　　本文主要介绍vue:axios请求本地json路径错误及其解决方法，有很好的参考价值，希望对大家有所帮助。如有错误或不足之处，请不吝赐教。

目录

　　 axios请求本地json路径错误。如何设置axios的基本路径？举个栗子第一步：导入文件：main.js第二步：组件：newList.vue

axios请求本地json路径错误

　　这个例子使用vuecli4，json等静态资源存储在public文件夹中。

　　返回到404

　　this . axios . get( public/redeme . JSON )。然后((res)={

　　console.log(res.data)

　　})

　　其实vue从代码到界面显示都要编译，所以路径会有变化。

　　实际路径可以先打包。我就是这样找到json的路径的。

　　打包文件的目录如下

　　所以我把路径改成了：

　　this.axios.get(。/redeme . JSON’)。然后((res)={

　　console.log(res.data)

　　})

　　成功获取：

axios的基础路径如何设置

　　没有接口文件如何使用axios？

　　在组件中调用axios时，没有必要在接口文件中设置它。您可以选择在入口文件中设置基本访问路径，并通过this.axios方法在组件中发送异步请求。

举个栗子吧

　　项目要求：所有API的域名为：http://www.escook.cn:3000。如果以下文档中的某些域名和地址与此处不同，则以此处为准；

　　请求接口：/api/getnewslist

　　请求方法：获取

　　具体代码如下：

步骤一：入口文件：main.js

　　从“axios”导入axios；

　　axios . defaults . base URL= http://www . escook . cn:3000

　　Vue.prototype.axios=axios

步骤二：组件：newList.vue

　　已创建(){

　　this . axios . get(/API/get newslist )。然后(res={

　　console.log(res)

　　this.newList=res.data.message

　　})

　　}

　　注意：这里指的是vue，这个要加在axios之前。

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。