zoukankan      html  css  js  c++  java
  • vue-axios

    //安装axios
    npm install vue-axios --save
    //最好安装qs来配合axios使用,qs可将对象序列化成jsonstr,或将jsonstr反序列化成对象
    npm install qs.js --save

    在入口文件main.js中

    //引入axios 和 qs
    import axios from 'axios';
    import Qs from 'qs';
    //配置axios允许跨域请求(服务器端也需要另外的配置)
    axios.defaults.withCredentials=true;
    axios.defaults.crossDomain=true;
    axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
    //给Vue函数添加一个原型属性axios 指向Axios,vue实例或组件中不用再去重复引用Axios,qs同理,vue实例中直接通过this.axios可进行调用
    Vue.prototype.axios = axios;
    Vue.prototype.qs = Qs;

    调用

    var postUrl = 'xxxxx';
    var instance = this.axios.create(
    {
            headers: {'content-type': 'application/x-www-form-urlencoded'}
    });
    instance.post(postUrl,
        this.qs.stringify(
        {
            username: 'xx',
            password: 'xx'
        }
        )).then(function (response) 
        {
            alert("rsp_"+JSON.stringify(response.data));
        }).catch(function (error) 
        {
              alert("err_"+error);
        }
    );
  • 相关阅读:
    js实现输入银行卡号隔四位添加一个空格
    写出优雅的代码
    FOJ Problem 1016 无归之室
    FOJ Problem 1015 土地划分
    大数相加减
    NYOJ 42 一笔画
    NYOJ36 水池数目
    NYOJ 32 组合数
    贪吃蛇StringBuilder 和 定时器
    星 辰 · 第 三 条 约 定
  • 原文地址:https://www.cnblogs.com/IsSshuai/p/11351007.html
Copyright © 2011-2022 走看看