安裝Axios

npm i axios

main.js 導入

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

簡單發送請求

get

getTest() {this.$axios({method: 'GET',url: 'https://apis.jxcxin.cn/api/title?url=https://apis.jxcxin.cn/'}).then(res => {//請求成功回調console.log(res)})}

post

postTest() {//  let data = new URLSearchParams() 表單方式this.$axios({method: 'POST',url: 'https://service3.91suke.com/sk/login',//data:data 表單方式data:{id: 120,name: '123'//post請求參數  這種寫法是json格式的//		 {id:120,name:'123' }}}).then(res => {//請求成功回console.log(res)})}

put

 putTest() {this.$axios({method: 'PUT',url: 'www.xxxxx.com/alter',data:{id: 123}}).then(res => {consoloe.log(res)})}

delete

deleteTest() {this.$axios({method: 'DELETE',url: 'www.xxxxx.com/alter?id=100',}).then(res => {consoloe.log(res)})}

---

方法發送請求(推薦)

get

axios.get(url,params)
params，confing 非必須，參數可以直接在url拼接

        this.$axios.get('https://apis.jxcxin.cn/api/title?url=https://apis.jxcxin.cn/',{params: { //請求參數對象 xxxxx?id=10id: 10}}).then(res => {console.log(res)})

post

this.$axios.post('https://service3.91suke.com/sk/login',{id: 123,name: '哈哈哈'}).then(res => {consoloe.log(res)})

其他方法一樣