heuulzp / vue-axios

封装axios

vue-axios

用法

克隆仓库到本地

git clone https://github.com/heuuLZP/vue-axios.git

进入仓库根目录,安装依赖

npm install

启动项目

npm run dev

查看效果

自行修改src/components/Hello.vue文件中第24行中的如下所示代码。

• 正常请求

  http.get(api.right, params)
  

• 地址不存在

  http.get(api.error, params)
  

• 参数不正确

  http.get(api.backEnd, params)
  

项目结构

src
├── App.vue
├── assets
│   └── logo.png
├── components
│   └── Hello.vue
├── main.js
├── router
│   └── index.js
└── utils         ## 工具
    └── api.js    ## 封装api
    └── http.js   ## 封装axios

vue-axios's Issues

大佬，问下你这个配置怎么去掉eslint检查

提点意见

我这里返回的状态是 ok 所以你这段错误检测写的还不健壮
if (res.data && (!res.data.success)) { alert(res.data.error_msg) }
错误信息的判断也没有多少，只有一个网络错误

弹出

打扰下 我想问下devServer没配置怎么就能跨域了，哪里做了配置吗？

install时报错，死循环，该如何解决？

Maximum call stack size exceeded

Development server does not go up

When running the script "npm run serve" or "node build/dev-server.js" my section is logged out

封装问题

老铁，这最后错误抛出的封装为什么用then，不用catch啊

请问，如果不想在每个页面中去判断是否成功在去执行操作，可以如下这样吗？

getData(){
this.$axios.get("/h5/grammar/study/v3.0.0/list", {student_grunit_id: 1}, (data)=>{
HT.log("【"+this.$options.name+"】", data)
});
},

---

【http.js】
function checkCode (res, callback) {
// 如果code异常(这里已经包括网络错误，服务器错误，后端抛出的错误)，可以弹出一个错误提示，告诉用户
if (res.status === -404) {
alert(res.msg)
}
if (res.data && (res.data.errcode != "200")) {
alert(res.data.errmsg) ### //只提示错误，不执行操作
}

if (res.data && (res.data.errcode == "200")) {
    callback(res.data) //成功并执行回调函数
}

}

https 里面 写错了

写了两个then ，第二个应该是catch 把

是否支持method:delete

默认支持get和post，那其他的put、delete之类的是否要封装新的方法？

如果使用formData的形式上传文件呢？好像就取不到值了