vue项目中关于axios的简单使用

Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中
官方仓库:https://github.com/axios/axios
中文文档:https://www.kancloud.cn/yunye/axios/234845

axios在项目中(vue)的使用

没有vue项目的使用vue-cli脚手架生成一个webpack模板的项目即可愉快的看下去了~
如果开发遇到跨域问题可以参考:

安装axios到项目中

npm install axios --save

配置wepack别名,不同环境访问不同的配置接口

配置:

图片


使用:import config from 'config'

封装一个axios实例

新建fetch.js,在此创建axios实例与过滤器

若配置了代理。则config.apiBaseUrl则配置代理的前缀即可

import config from 'config' import axios from 'axios' // import qs from 'qs'; const instance = axios.create({ baseURL: config.apiBaseUrl, // api的base_url timeout: 10000, // 请求超时时间 // transformRequest: data => qs.stringify(data) });

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zyzwfp.html