尊龍國際娛樂場官網:Vue--前端交互 axios

本文来源:http://www.344378.com/www_taiwan_cn/

www.msc77.com,“我们最近印制的6万份禁毒宣传手册,已陆续分发到全区92所学校,同时还有家长明白卡,就是让学校家长共同参与到毒品预防教育工作中来。即使我们曾见看到过,那并非意味着我们所有人都看到同样的东西。冬日清晨的皖南,水面雾气腾腾,云蒸霞蔚,徽派建筑的村落层次分明,在晨光中如同画卷一般。  文章内容仅供阅读,不构成投资建议,请谨慎对待。

  沃尔托利纳:它的确非常有趣,最让我感兴趣的是,我们可以在这个领域观看相同的视频,却可以获得不同的体验。您若对该稿件内容有任何疑问或质疑,请即与中文科技资讯联系,本网将迅速给您回应并做处理。这一言论正值日本科技/电信巨头软银公司首席执行官孙正义(MasayoshiSon)相关的文件公布之后的一天披露出来。投资者据此操作,风险自担。

第三阶段则是像西门子、等公司一样,凭借核心竞争力成为泛国际化公司,拥有技术研发、市场战略和设备制造全链条业务。《幽冥》讲述了一个美国国防部高级研究计划局科学家接受一项致命任务,带领一队精挑细选的三角洲部队士兵进驻一个被战争摧毁的城市,这里游荡着被称为“幽冥”的神秘幽灵,它们无形无色,能在不经意间造成大规模的伤亡。  VentureBeat:我喜欢VR音频作品,音频如何吸引你们?  沃尔托利纳:我们认为一半的感觉需要音频驱动。  我们需要应用一套专业的方法去探明需求,包括调研问卷、搭建工作坊这样的工具,也包括前期的准备和专业的技巧。

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);
            })
www.msc77.com4.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.msc77.com
申博代理网登入 申博app手机直营网 申博代理官网登入 菲律宾太阳网上娱乐登入 菲律宾申博官网直营网 太阳城申博娱乐官网直营网
申博龙虎登入 申博桌面版下载直营网 www.88sb.com 老虎机支付宝充值 申博娱乐手机登入网址 菲律宾申博游戏直营网
申博娱乐网址 www.66990.com www.yl3999.com 申博娱乐网址大全直营网 太阳城现金网 www.22sbc.com