我使用Vue Js和Laravel提交身份验证后如何修复localhost:8000提示登录

时间:2020-07-24 04:38:11

标签: laravel vue.js vuex

登录后,我的身份验证出现问题,出现提示localhost:8000登录或登录,这是我第一次遇到此问题,我不知道这叫什么,我找不到任何参考这个。目前,我在后端使用laravel,在前端使用vue js。所以这个项目是由老开发者创建的。所以现在我需要在该项目上修改一些模块,但是我在系统上登录时显示了此提示。请注意,该项目目前正在运行,并且在我登录时没有错误并提示登录。

这是我登录后显示的提示符号。

配置:

  1. Laravel护照
  2. 用于状态管理的Vuex
  3. Vue Js

Prompt Message

方法:

methods:{
        authenticate(){
            this.login_alert = false
            this.$validator.validateAll().then((result)=>{
                if(result){
                    const self = this;
                    const authUser = {}
                    try{
                        const data = {
                            username: this.email,
                            password: this.password,
                            remember: this.remember_me,
                            client_id: '2',
                            client_secret: 'just secret only',
                            grant_type : 'password',
                            scope : ''
                        }
                        this.$store.dispatch('AUTH_REQUEST',data)
                            .then(response=>{
                                authUser.access_token = response.access_token
                                authUser.refresh_token = response.refresh_token
                                authUser.expires_in = response.expires_in
                                window.localStorage.setItem('project_token',JSON.stringify(authUser))

                                /*LOGIN*/
                                this.login_alert = false
                                this.loading = false

                                window.location.reload()
                            })
                            .catch(error=>{
                                this.login_alert = true
                                window.localStorage.removeItem('project_token')
                                this.loading = false
                            })
                    }catch(err){
                        console.log(err);
                    }
                }
            })
        
        }
    },

授权请求:

AUTH_REQUEST:({commit,dispatch},obj)=>{
    return new Promise((resolve,reject) => {
        axios({
                url: '/oauth/token',
                data: obj,
                method:'post',
                config:'JSON'
            })
            .then(response=>{
                if(response.status == 200){
                    resolve(response.data);
                }
            })
            .catch(error=>{
                reject(error);
                localStorage.removeItem('project_token');
                commit('AUTH_ERROR',error);
            })
    
    })
},

希望有人可以帮助我解决这个问题。 谢谢。

0 个答案:

没有答案
相关问题