安装axios依赖 npm i axios
get 和post 带token请求代码
import axios from 'axios' //get请求 注意token前要添加 Bearer 并与空格隔开 axios.get('http://localhost:5005/api/sysMenu/loginMenuTree', { headers: { Authorization: "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJVc2VySWQiOjEzMDAwMDAwMDAxMDEsIlRlbmFudElkIjoxMzAwMDAwMDAwMDAxLCJBY2NvdW50Ijoic3VwZXJhZG1pbiIsIlJlYWxOYW1lIjoi6LaF57qn566h55CG5ZGYMDEiLCJBY2NvdW50VHlwZSI6OTk5LCJPcmdJZCI6MCwiT3JnTmFtZSI6bnVsbCwiT3JnVHlwZSI6bnVsbCwiaWF0IjoxNzA0MjY1MzM4LCJuYmYiOjE3MDQyNjUzMzgsImV4cCI6MTcwNDg3MDEzOCwiaXNzIjoiQWRtaW4uTkVUIiwiYXVkIjoiQWRtaW4uTkVUIn0.caye-6HSBil1HML6rrHrmxz_3tf5LDrtOWyCs39E2J4" } } ).then(Response => { console.log(Response.data) }).catch(error => console.log(error) ) //post请求 let data = {} axios.post('http://localhost:5005/api/sysMenu/loginMenuTree', data, { headers: { Authorization: "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJVc2VySWQiOjEzMDAwMDAwMDAxMDEsIlRlbmFudElkIjoxMzAwMDAwMDAwMDAxLCJBY2NvdW50Ijoic3VwZXJhZG1pbiIsIlJlYWxOYW1lIjoi6LaF57qn566h55CG5ZGYMDEiLCJBY2NvdW50VHlwZSI6OTk5LCJPcmdJZCI6MCwiT3JnTmFtZSI6bnVsbCwiT3JnVHlwZSI6bnVsbCwiaWF0IjoxNzA0MjY1MzM4LCJuYmYiOjE3MDQyNjUzMzgsImV4cCI6MTcwNDg3MDEzOCwiaXNzIjoiQWRtaW4uTkVUIiwiYXVkIjoiQWRtaW4uTkVUIn0.caye-6HSBil1HML6rrHrmxz_3tf5LDrtOWyCs39E2J4" } } ).then(Response => { console.log(Response.data) }).catch(error => console.log(error) )
get 和post 不带token请求代码
import axios from 'axios' //get请求 axios.get('http://localhost:5005/api/sysMenu/loginMenuTree') .then(Response => { console.log(Response.data) }).catch(error => console.log(error) ) //post请求 let data = {} axios.post('http://localhost:5005/api/sysMenu/loginMenuTree', data) .then(Response => { console.log(Response.data) }).catch(error => console.log(error) )
本文来自 www.luofenming.com