vuejs axios安装配置与使用

1.安装服务

    npm install --save axios vue-axios

2.在main.js

    import axios from 'axios'
    import VueAxios from 'vue-axios'
    
    Vue.use(VueAxios, axios)
    
    Vue.prototype.$http = axios

3.可以配置axios 域名前缀

新建一个config文件

 |-- config.js

    import Env from './env';
    
    let config = {
      env: Env
    };
    
    //根据环境不同配置不同参数
    
    config.mode = 'history'
    
    if (Env == 'development') {
    
      config.api = 'http://scode.net/api'  //本地接口
    } else {
      
    }
    export default config;
    
    |-- env.js
    
    export default "development";
    
  1. 调用
(1).get方式:

    this.$http.get('/member/me', {params:{token:url_token}}).then(ret => {

        this.$Message.success( '登录失败');

    }).catch(err => {

    	this.$Message.error( '登录失败');
    
    })
(2).post方式:


    this.$http.post('/evaluate/add?include=member',{statute_id:this.$route.query.id,content:this.criticismTextarea,score:5}).then(ret => {

	this.$Message.success( '评论成功');


    }).catch(err => {

        this.$Message.error( '评论失败');
       
    })

posted @ 2017-08-08 10:31  梁凤波  阅读(1862)  评论(0编辑  收藏  举报