title: Axios posting to wrong URL
body: <p>Here is the method I am using on the CreatePage.vue page</p>
  
  <pre><code>  methods: {
  async createPost() {
    try {
      await PostService.createPost(this.form);
    } catch (err) {
      console.log(err);
    }
  }
    }
  };
  </code></pre>
  
  <p>Here is the PostService class</p>
  
  <pre><code>   const axios = require('axios')
     const url = 'api/post/'
  
  class PostService {
  static async createPost(post) {
      return axios.post(url + 'create', post)
  }
  
  }
  </code></pre>
  
  <p>And here is the vue.config for proxy</p>
  
  <pre><code>const path = require('path')
  
  module.exports = {
  outputDir: path.resolve(__dirname, '../server/public'),
  devServer: {
      proxy: {
          '/api': {
              target: 'http://localhost:3000/',
          }
      }
  },
  }
  </code></pre>
  
  <p>When I make a post request which should go to 
      <a href="http://localhost:3000/api/post/create" rel="nofollow noreferrer">http://localhost:3000/api/post/create</a></p>
  
  <p>The issue is it appends the current pages address to the beginning of the request, for example,<br>
      <a href="http://localhost:3000/posts/api/post/create" rel="nofollow noreferrer">http://localhost:3000/posts/api/post/create</a> 
  (posts page, would append dashboard if on dashboard page)</p>