无法获取 api 数据并使用 vuex 存储 - vue.js

Question

我有关于使用 vuex 获取 api 的问题。我的端点没有问题。我可以看到json数据。但是当我尝试获取它时，我无法存储数据并在下面显示控制台错误。

挂载钩子错误：“TypeError: _api_article_js__WEBPACK_IMPORTED_MODULE_0__.default.getArticles 不是函数”

关于我的进出口：

应用程序.js

window._ = require('lodash');

try {

    window.$ = window.jQuery = require('jquery');

    require('foundation-sites');

} catch (e) {}

window.axios = require('axios');

window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

let token = document.head.querySelector('meta[name="csrf-token"]');

if (token) {

    window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;

} else {

    console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');

}

import Vue from 'vue';

import router from './routes.js';

import store from './store.js';

new Vue({

     router,

     store,

}).$mount('#app')

配置文件

var api_url = 'mywebsite.com/api';

export const ESTATE_CONFIG = {

    API_URL: api_url,

}

api/article.js

import { ESTATE_CONFIG } from '../config.js';

export default {

    getarticles: function(){

        return axios.get( ESTATE_CONFIG.API_URL + '/articles' );

    },

}

商店.js

import Vue from 'vue';

import Vuex from 'vuex';

Vue.use(Vuex);

import { articles } from './modules/articles.js'

export default new Vuex.Store({

    modules: {

        articles,

    }

});

模块/文章.js

import ArticleAPI from '../api/article.js';

export const articles = {

    state: {

        articles: [],

        articlesLoadStatus: 0,

        article: {},

        articleLoadStatus: 0

    },

    getters: {

        getArticlesLoadStatus( state ){

            return state.articlesLoadStatus;

        },

        getArticles( state ){

            return state.articles;

        },

    },

    mutations: {

        setArticlesLoadStatus( state, status ){

            state.articlesLoadStatus = status;

        },

        setArticles( state, articles ){

            state.articles = articles;

        },

    },

我需要这方面的帮助。因为我不确定我在这里做错了什么。当然，端点没有问题。我可以看到json数据。但是我的vuex商店是空的。我上面有一个错误。

Answer 1

该错误表明api/article.jsgetArticles中不存在调用的导出函数。看看那个模块，它看起来像是一个大小写问题。该函数没有大写，因此在调用它时，请使用：ArticleAPI.getarticles