Vue-CLI項目-axios模塊前后端交互(類似ajax提交)08.31自我總結，內容如下：

Vue-CLI項目-axios前后端交互

一.模塊的安裝

npm install axios --save#--save可以不用寫

二.配置main.js

import axios from 'axios'Vue.prototype.$axios = axios;

三.使用

created() { // 組件創(chuàng)建成功的鉤子函數  // 拿到要訪問課程詳情的課程id  let id = this.$route.params.pk || this.$route.query.pk || 1;  this.$axios({    url: `http://127.0.0.1:8000/course/detail/${id}/`, // 后臺接口    method: 'get', // 請求方式  }).then(response => { // 請求成功    console.log('請求成功');    console.log(response.data);    this.course_ctx = response.data; // 將后臺數據賦值給前臺變量完成頁面渲染  }).catch(error => { // 請求失敗    console.log('請求失敗');    console.log(error);  })}

與ajax提交不同的一些設置

總結

以上所述是小編給大家介紹的Vue CLI項目 axios模塊前后端交互的使用(類似ajax提交)，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！