Vue项目中实现用户登录及token验证

https://www.cnblogs.com/web-record/p/9876916.html

小姐姐写的  很细

请求头token的加入  可写在封装axios里面

请求拦截时  将token加在请求头里》》》

 

service.interceptors.request.use(
    config => {
        /**
         *  config.loading === false 不需要loading加载效果
         */

        if (config.loading === undefined) {
            $_loading = Loading.service({
                fullscreen: true,
                lock: true,
                text: '正在加载中...',
                spinner: 'el-icon-loading',
                background: 'rgba(0, 0, 0, 0.35)'
            })
        }

        const token = getToken()   //这是js-cookie 之前写的token获取   也可以是localstorage或者sessionstorage里面存的token。。。

        if (token) {
            config.headers.Authorization = `${token}`
        } else {
 
            config.headers.Authorization = ``
        }

        return config
    },

    err => Promise.reject(err)
)