后端给了接口文档，vue前端页面axios该如何配置接口地址？

Question

不知axios如何配置，存放在哪？如何调用？希望各位大神帮帮忙~_~

Answer 1

不知道怎么配置，为什么不看文档，axios 的文档读一遍要不了一个小时吧我记得。

Answer 2

axios({

          method: type,
          url: nodeUrl.nodeUrl,
          data:params.params,
          timeout: 10000,
          headers:{'Content-Type': 'application/x-www-form-urlencoded'}
        }).then(function(res){
            console.log("///////////////",res);
        }).catch(function(err){
            console.log("*************",err)
        })
        至于放在哪里，看你自己方便了

Answer 3

首先要在你的vue文件中引入

import axios from 'axios';

如果要全局配置，直接接着写，比如全局配置XMLHttpRequest

axios.defaults.headers['X-Requested-With'] = 'XMLHttpRequest';

可以把axios赋给vue的一个自己定义的属性，比如$http

Vue.prototype.$http = axios;

在vue中就直接调用就行了

this.$http.post(url(网址), data(要发送的数据))
        .then(
          (response) => {
            //处理逻辑，这里response.data是你返回的数据，至于response的其他属性自己去看文档
          })
        .catch((error) => {
          //这里处理异常，error.response.status 是返回的网页状态码，比如404，500，状态码具体值也可以在服务端自己指定，比如
                    return response()->json(['status' => false,'message' => '令牌丢失'],403);
          //error.response.data返回的是服务端返回的信息
        });