Reputation: 428

Why is my vue.config.js proxy not working?

I have a vue cli 3.5.0 project and am trying to add a proxy, but i cant get it to work. the server runs on :5000 and the client on :8080. Below you can see my proxy. But it keeps using :8080 instead of :5000

vue.config.js

module.exports = {
    devServer: {
      proxy: {
        '/api': {
          target: 'http://localhost:5000',
          ws: true,
          changeOrigin: true
        }
      }
    }
  }

And this is an example of how I call a request

const url = '/api/races/'
const config = {
    headers: {'Authorization': "Bearer " + localStorage.token}
}

class RaceService {
    // Get Races
    static getRaces() {
        return new Promise(async (resolve, reject) => {
            try {
                const res = await axios.get(url)
                const races = res.data
                resolve(races)
            } catch (err) {
                reject(err)
            }
        })
    }
}

Can someone maybe help me? the api requests need to use :5000 instead of :8080

Upvotes: 9