前后端分离的开发都是如何处理登陆后的token？

Question

前后端分离的开发都是如何处理登陆后的token?token不管存哪都能被别人拿到，然后就可以随便请求了吧？那如何处理token呢？

Answer 1

登录获取token

this.$http.get(Util.DataInterface + '/api/auth', {

                params: quseDataNow,

                emulateJSON: true

            }).then((response) => {

                localStorage.setItem('token', response.data.data.token);

            }, (response) => {

                console.log("error: ", response);

            });

获取到token以后每次请求接口都带上

headers: {

                            Authorization: localStorage.getItem("token")

                        },

this.$http.get(Util.DataInterface + '/api/ranking/platform', {

                        headers: {

                            Authorization: localStorage.getItem("token")

                        },

                        params: quesDataNow,

                        emulateJSON: true

                    }).then((response) => {

                        this.tableList = response.data;

                        $('#sortTable').DataTable().destroy();

                        this.tableLoad();

                    }, (response) => {

                        // error callback

                        if (response.status === 401) {

                            Util.init();

                        }

                    });