vue config js отлично работает локально, но не работает в продакшене

Question

отлично работает, когда я вызываю API на локальном сервере, но я продолжаю получать ошибку 404 в развернутом приложении Heroku.

config. js file

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'https://simple-order-api.herokuapp.com',
      },
    },
  },
};

хранить / индексировать. js Файл

Vue.use(Vuex);

export default new Vuex.Store({
  strict: true,
  state: {
    baseUrl: '/api',
  },
});

аутентификатор js Файл

  actions: {
    register({ commit, state }) {
      commit('setRegisterError', null);
      return HTTP().post('/auth/register', {
        email: state.registerEmail,
        password: state.registerPassword,
      })
        .then(({ data }) => {
          commit('setToken', data.token);
          router.push('/');
        })
        .catch(() => {
          commit('setRegisterError', 'An error occured while creating your account');
        });
    },
};