(타슈켄트) 뷰> 중고차플젝 user.js magazine.js

user.js

import axios from 'axios'
import router from '@/router'
 
const state = {
    context : 'http://localhost:8080/',
    user : {},
    auth: false,
    fail: false
}
const getters = {
    getMember : state=>state.user,
    getIsAuth : state=>state.auth,
    getFail : state=> state.fail
}
 
const actions = {
    async login({commit}, loginData ){
      const url = state.context + 'login'
      const headers ={  'authorization': 'JWT fefege..',
            'Accept' : 'application/json',
            'Content-Type': 'application/json'}
        axios.post(url, loginData , headers )
            .then(({data})=>{
                if(data.result) {
                    commit('LOGIN_COMMIT', data)
                }else{
                    commit('fail_commit')
                }
            })
            .catch(()=>{
                state.fail = true
            })
    },
    async logout({commit}){
        commit('LOGOUT_COMMIT')
    },
    async getUserInfo({commit}){
        const url = state.context + 'getUserInfo'
        const token = localStorage.getItem("token")
        const headers = {headers : {
                'Accept' : 'application/json',
            }}
        axios.post(url,token,headers)
            .then(({data})=>{
                if(data.result){
                    commit('REFRESH', data)
                }else{
                    commit('LOGOUT_COMMIT')
                    alert(`토큰이 만료되었습니다.\n 로그인을 다시 해주세요!`)
                    router.push('/login')
                }
            })
    },
    async loginDestory({commit}){
        commit('LOGINDESTROY')
    }
}
const mutations = {
    LOGIN_COMMIT(state, data){
        state.auth = true
        state.user = data.user
        localStorage.setItem("token", data.token)
        localStorage.setItem("userId",data.user.userid)
        if(data.user.auth==="USER") {
            router.push('/home')
        }else{
            router.push('/companyHome')
        }
    },
    REFRESH(state, data){
        state.auth = true
        state.user = data.user
        localStorage.setItem("token", data.token)
        localStorage.setItem("userId",data.user.userid)
        router.go(1)
    },
 
    LOGOUT_COMMIT(state){
        localStorage.clear()
        state.auth = false
        state.user  = {}
    },
    fail_commit(state){
        state.fail = true
    },
    LOGINDESTROY(state){
        state.fail = false
    }
}
export default {
    name: 'user',
    namespaced: true,
    state,
    getters,
    actions,
    mutations
}

magazine.js

import axios from "axios";
 
const state = {
  context : 'http://localhost:8080/',
  wordList : [],
  originWordList : '',
  carsList : '',
  articleList : ''
}
const getters = {
    wordList : state => state.wordList,
    carsList : state => state.carsList,
    articleList : state => state.articleList
}
const actions = {
    async getExtractWord({ commit } ){
      const url = state.context + 'magazine/init'
        axios
            .get(url)
            .then(({data})=>{
                commit('GETEXTRACTEDWORD', data )})
            .catch(()=>{
                alert('잘못된 요청입니다.')
            })
    },
    async aiEditor({ commit } , keyWord ){
      let url = state.context + 'magazine/AIEditer/'+keyWord
        axios
            .get(url)
            .then(({data})=>{
                commit('AIEDITOR', data )})
            .catch(()=>{
                alert('잘못된 요청입니다.')
            })
    },
    async getSelectedWord({ commit } , targetitem ){
        commit('GETSELECTEDWORD', targetitem )
    }
}
const mutations = {
    GETEXTRACTEDWORD ( state , data ) {
        state.wordList = []
        data.extractedWordList.forEach( item => {
            state.wordList.push([item.word , item.count]);
        })
    },
    GETSELECTEDWORD ( state , targetitem ) {
        state.originWordList = state.wordList
        state.wordList = []
        state.wordList.push(targetitem)
    },
    AIEDITOR ( state , data ) {
        state.carsList = []
        state.articleList = []
        state.carsList = data.carsList
        state.articleList = data.articles
    }
}
export default {
    name: 'magazine',
    namespaced: true,
    state,
    getters,
    actions,
    mutations
}