title: vue config js works fine locally but not working in production
body: <p>works fine when I make API calls on the local server, but I keep getting a 404 error on the Heroku deployed app.</p>
  <p><strong>config.js file</strong></p>
  <pre><code>module.exports = {
    devServer: {
      proxy: {
        '/api': {
          target: 'https://simple-order-api.herokuapp.com',
        },
      },
    },
  };
  </code></pre>
  <p><strong>store/index.js File</strong></p>
  <pre><code>Vue.use(Vuex);
  
  export default new Vuex.Store({
    strict: true,
    state: {
      baseUrl: '/api',
    },
  });
  
  </code></pre>
  <p><em><strong>auth.js File</strong></em></p>
  <pre><code>  actions: {
      register({ commit, state }) {
        commit('setRegisterError', null);
        return HTTP().post('/auth/register', {
          email: state.registerEmail,
          password: state.registerPassword,
        })
          .then(({ data }) =&gt; {
            commit('setToken', data.token);
            router.push('/');
          })
          .catch(() =&gt; {
            commit('setRegisterError', 'An error occured while creating your account');
          });
      },
  };
  
  </code></pre>