title: axios.get() is combining the url when sending requests to the backend.
body: <p>I'm sending a request to the backend via axios calls the URL on my address bar is 
  "localhost:3000/topics/5ba06e74dbc" </p>
  
  <p>but in my browser inspector its returning an error </p>
  
  <p>"localhost:3000/topics/api/topics/5ba06e74dbc 404 (Not Found)" 
  the request should be:
  "localhost:3000/api/topics/5ba06e74dbc" 
  anyone know why that extra "topics/" is being added in front of the api call?</p>
  
  <pre><code>// my action call I suspect it might be because of my routes or because 
  //Im calling from topics/ already.
  export const viewTopic = (id) =&gt; dispatch =&gt; {
    return axios.get(`api/topics/${id}`).then(res =&gt; {
      return dispatch({
            type: VIEW_TOPIC,
            payload: res.data
        });
     });
  }
  </code></pre>
  
  <p>take a peek at my GitHub or ask for more info, I'm not sure what to include. </p>
  
  <p><a href="https://github.com/wolffles/bloccit-node/tree/frontend" rel="nofollow noreferrer">https://github.com/wolffles/bloccit-node/tree/frontend</a></p>