axios使用方法

1、下载

npm  i  axios

2、main.js引入

// 导入axios
import axios from 'axios';
Vue.use(axios)

3、vue文件引入js文件并使用

<script>
// bug :mui的dist文件要放在node_modules中
import mui from "../../../node_modules/dist/js/mui.min.js";
import axios from "../../../node_modules/axios/dist/axios.min.js";
export default {
  data() {
    return {
      lunbo: [],
      good_category_logo: [],
      notice: [],
      flag: true,
      tuijian_goods_list: []
    };
  },
  created() {
    // bug:请求的url地址需要加上http://
    axios
      .post("http://www.bgj2.kim/index.php/?s=/wap/Index/index", {})
      .then(res => {
        let data = res.data.data;
        console.log(res.data.data);
        this.lunbo = data.lunbo;
        this.good_category_logo = data.good_category_logo;
        this.notice = data.notice;
        this.tuijian_goods_list = data.tuijian_goods_list;
      });
  },

vue 2.0

// main.js
import Vue from 'vue'
import axios from 'axios'
axios.defaults.baseURL = baseURL;
Vue.prototype.axios = axios

// 设置headers token
axios.defaults.headers.common['token'] = '123456';

// 使用
methods:{
    // 注册
    register(){
      this.axios.post('/api/login/register',{}).then(res=>{
        console.log(res);
      })
    }
  }