vuejs axios安装配置与使用

最新推荐文章于 2022-06-05 06:30:27 发布

weixin_30701521

最新推荐文章于 2022-06-05 06:30:27 发布

阅读量89

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/liangfengbo/p/7305514.html

版权

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).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( '评论失败');
       
    })

转载于:https://www.cnblogs.com/liangfengbo/p/7305514.html