VueX/Vue다른 파일로부터의 콜 변환

VueX/Vue다른 파일로부터의 콜 변환

단일 파일 구성요소가 아닌 다른 파일에서 스토어의 변환을 호출하는 방법을 찾고 있습니다.

이 파일은 API 호출을 할 수 있도록 Axios 설정을 관리하는 역할을 합니다.대행 수신기를 관리했는데 UI에서 알림을 표시하도록 알림 저장소의 상태를 변경하기 위해 변환을 호출하고 싶습니다.

import axios from "axios";
import i18n from './i18n';
import Vue from 'vue';

// Define global param object for notification options
const options = {
    type: "danger"
};

// Create global Axios instance for CTC Backends API calls
const instance = axios.create({
    baseURL: process.env.VUE_APP_BACKEND_URL,
});

// Define interceptor for responses to handle certain API responses
instance.interceptors.response.use(res => {
    console.log('axiosBackend::ResponseInterceptor()', res);
    return res;
}, error => {

    if (!error.response) {

        Vue.$store.commit("SHOW_NOTIFICATION", {
            text: i18n.t("serverError"),
            type: 'error'
        });

    } 

    return Promise.reject(error.response);

});

export default instance;

내가 당신의 문제를 제대로 이해한다면.스토어 인스턴스를 Import하여 변환 호출에 사용해야 합니다.

import store from '@/store'
...
store.commit("SHOW_NOTIFICATION", {
...

import {store} from './store';

store.commit("SHOW_NOTIFICATION", paylo )

언급URL : https://stackoverflow.com/questions/55181057/vuex-vuejs-call-mutation-from-another-file