Front2 vuex - usage - 구조 //https://vuex.vuejs.org/kr/guide/structure.html - api index.js (vuejs-axios-공통 참고) - store ㄴ index.js ㄴ state.js ㄴ actions.js ㄴ mutations.js ㄴ getters.js - main.js //main.js import Vue from 'vue' import router from './router' import App from './App.vue' import store from './store' new Vue({ el:'#app', router, store, render: h => h(App) }) - index.js //index.js import Vue from 'vue' import .. 2020. 8. 10. vuejs-axios - 공통 처리 방법 api 공통 구현 (api/index.js) import axios from 'axios' //인증이 안되었을 경우 리턴 로그인 url 로 라우팅 하기 위해 import router from '../router' const DOMAIN = 'http://localhost:3000' const UNAUTHORIZED = 401 //인증이 안되었을 경우 로그인 하도록 라우팅 하는 함수 const onUnauthroized = () => { router.push('/login') } //api 호출 라이브러리에 의존적이지 않도록 공통으로 요청하는 부분을 구현 const request = (method, url, data) => { return axios ({ method, url: DOMAIN + url, d.. 2020. 8. 10. 이전 1 다음