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";
    

3. 調用

(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( '評論失敗');
       
    })