vue 交互axios

首先下载

npm i axios

在main.js中编写

import axios from 'axios';
axios.defaults.baseURL = 'http://xxxx/api.php/';//数据地址公共部分
axios.defaults.headers = {
  'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
};
Vue.prototype.$http=axios;

get 请求

this.$http.get("news/list",{
        params:{
          page:1
        }
      }).then((res)=>{
        console.log("接口调取成功")
        console.log(res)
      }).catch(()=>{
        console.log("接口调取失败")
      })

post 请求

 var myData = new URLSearchParams();
      myData.append("page", "1");
      myData.append("id", "1");
      this.$http({
        method: 'post',
        url: 'index/index_news_list',
        data: myData
      }).then((res) => {
        // console.log(res)
         console.log("成功")
      }).catch(() => {
        console.log("失败")
      });