Vue3 axios get,post请求携带token

安装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