axios.get()で"TypeError: Cannot use 'in' operator to search for 'validateStatus' in x"

概要

vuexでaxios.get()する際に以下のコードで実装したらタイトルのエラーにぶち当たったのでその解決策を起筆します。

.vue

<script>
export default {
    props:{
        postId: String //postId = x;
    },
    mounted(){
        this.$store.dispatch('individual/getIndividual', this.postId);
    }
}
</script>

.js

const actions = {
    getIndividual(context, data){
        axios.get('/api/individual',data).then((result)=>{
        //省略
        }).catch(error=>{
        //省略
        })
    }
};

原因

axios.get()をする時には、第二引数に直接パラメータを記述するのではなく、送りたいパラメータをparamsとして指定してあげる必要があります。

解決策

.js

const actions = {
    getIndividual(context, data){
        axios.get('/api/individual',data).then((result)=>{
        //省略
        }).catch(error=>{
        //省略
        })
    }
};

ではなく、

.js

const actions = {
    getIndividual(context, data){
        axios.get('/api/individual',{
            params:{
                post_id: data
            }
        }).then((result)=>{
            //省略
        }).catch(error=>{
            //省略
        })
    }
};

参考文献

公式GitHub
axiosのパラメータ指定方法まとめ