888集团城在线:Vue--前端交互 axios

本文来源:http://www.bo884.com/flash_17173_com/

申博太阳城亚洲微信支付充值,一种既不能转化又不具有当代价值的传统文化是僵死的文化,是没有生命活力的文化。  擦碰源于猜测无证据显示有碰撞  专案组还走访调查了案发地附近商铺及附近工厂员工,路过现场的司机等10余名,均表示未见到运钞车与黄某发生擦碰。  “这两人进来我就发现不对。(董业衡)(责编:覃博雅、肖红)

一个民族的传统文化受尊重的程度,与它对现实的巨大影响是正相关的。  北京林业大学招生就业处处长董金宝则透露,该校今年新增林业工程类和计算类按类招生专业群,学生入校后统一进行基础平台教育,第二或第三学期开始按专业方向培养。您同时授权爱丽时尚网和他的关联企业授权使用者可以引用您发表评论时的署名,并可以附您发表的评论。“百内”是当地土著语言,有“蓝色”之意。

他还承认今年4月将视频中的阿拉斯加犬虐待致死。市医院管理局也多次表示,市属22家三甲医院将在今年年内取消现场挂号,全面推行非急诊全面预约。  庭审中,杨某一直面无表情。在向朋友求助后,徐女士前往西京医院就诊。

1. axios 的基本特性

axios是基于Promise用于浏览器和node.js的HTTP客户端

特征:

  • 支持浏览器和node.js
  • 支持 promise
  • 能拦截请求和响应
  • 自动转换JSON数据

2. axios 的基本用法

	axios.get('/adata').then(ret=>{
        console.log(ret.data)  /data属性固定,用于获取后台响应数据
    })

3. axios的参数传递

1.get

通过restful传递参数
也可以通过params选项传递参数

/restful
        axios.get('/localhost:3000/axios/123')
            .then(function (ret) {
                console.log(ret.data);
            })

/params
        axios.get('/localhost:3000/axios', {
                params: {
                    id: 789
                }
            })
            .then(function (ret) {
                console.log(ret.data);
            })
2.delete

与get传参类似

		axios.delete('/localhost:3000/axios', {
                params: {
                    id: 111
                }
            })
            .then(function (ret) {
                console.log(ret.data);
            })

3.post

通过选项传递参数(默认传递json格式的数据)
传字符串的格式需要 new URLSearchParams();

/json  
        axios.post('/localhost:3000/axios', {
                uname: 'lisi',
                pwd: 123
            })
            .then(function (ret) {
                console.log(ret.data);
            })

/字符串  
        var params = new URLSearchParams();
        params.append('uname', 'lisi');
        params.append('pwd', '111');
        axios.post('/localhost:3000/axios', params)
            .then(function (ret) {
                console.log(ret.data);
            })
4.put

与post类似

		axios.put('/localhost:3000/axios/123', {
                uname: 'lisi',
                pwd: 123
            })
            .then(function (ret) {
                console.log(ret.data);
            })

3. axios响应结果及全局配置

1.响应结果主要属性
  • data 实际响应回来的数据
  • headers 响应头
  • status 响应状态码
2.Axios中全局配置
  • 配置公共的基准URL axios.defaults.baseURL
  • 配置超时时间 axios.defaults.timeout
  • 配置公共的请求头 axios.defaults.headers.common[‘Authorization’]
/配置请求基准url
        axios.defaults.baseURL = '/localhost:3000/';
        axios.get('axios-json').then(function (ret) {
            console.log(ret.data.uname);
        })

4. axios 拦截器

1.请求拦截器

在请求发出之前设置一些信息

		axios.interceptors.request.use(function (config) {
                console.log(config.url);
                config.headers.mytoken = 'nihao';
                return config;
            },
            function (err) {
                console.log(err);
            })
2.响应拦截器

获取数据前对数据加工

	axios.interceptors.response.use(function (res) {
                /console_log(res);
                var data = res.data
                return data;
            },
            function (err) {
                console.log(err);
            })
        axios.get('/localhost:3000/adata').then(function (data) {
            console.log(data)
        })

async/await的基本用法(es7引入,方便异步操作)

  • async关键字用在函数上(async函数的返回值是promise实例对象)
  • await关键字用于async函数中(await可以得到异步的结果)
 	async function queryData(id){
            const ret = await axios.get('/data');
            return ret;
        }
        queryData().then(ret=>{
            console.log(ret)
        })
已标记关键词 清除标记
申博太阳城亚洲微信支付充值
??2020 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 申博太阳城亚洲微信支付充值
菲律宾申博直营网 申博代理网登入 澳门美高梅游戏登入 申博代理官网登入 www.99msc.com 申博游戏吧直营网
申博代理开户合作登入 申博官网登入 太阳城娱乐网最快登入 申博太阳城电脑客户端下载 申博官网登录登入 申博在线开户网址
申博游戏注册 菲律宾申博官方网址 旧版申博直营网 申博游戏登入 菲律宾太阳娱乐场登入 四川申博官网登入