vue.js - id로 기사를 반환 — vue router, vuex

기사 ID를 반환하고 해당 ID의 세부 정보 페이지로 이동하려고합니다. 나는 아래와 같은 것을했다. 그러나 결국 작동하지 않습니다 ... 콘솔에서 팝업 및 다음을 가리키는 오류가 있습니다 :

여기서 조금 길을 잃었 기 때문에 도움이 필요합니다. 내가 뭘 잘못 했니?

Vuex

 
api/v1/article[object%20Object]:1 Failed to load resource: the server
  responded with a status of 404 (Not Found)

경로

export const articles = {
    state: {
        article: {},
    },
    mutations: {
        setArticle(state, article){
            state.article = article;
        },
    },
    getters: {
        loadArticle(state){
            return state.article;
        },
    },
    actions: {
        getArticle(id){
            axios.get("api/v1/article" + id)
            .then(response => {
                this.commit('setArticles', response.data);
            })
            .catch(error => {
                console.log(error);
            })
        },
    }
}

기사 구성 요소

{
    path: "detail/:id",
    name: "detail",
    component: Vue.component("Detail", require("./pages/Detail.vue").default),
    meta: {
        requiresAuth: true
    }
},

기사 ID로 연결

export default {
    components: {
        maps,
    },
    data(){
        return {
        };
    },
    created(){
        this.$store.dispatch( 'getArticle', {
            id: this.$route.params.id
        });
    },
    computed: {
        article(){
            return this.$store.getters.loadArticle;
        }
    }
}