Как настроить proxy webpack-dev-server?

Question

[PlasterTom]

Добрый день. Сервер находится на порту 3001, клиент на 8080.
Как настроить прокси lдляя доступа к api? Использую axios, сам запрос выглядит так:

componentDidMount() {
        axios.get('/api/clients')
            .then(function (res) {
                console.log(res);
            })
            .catch(function (err) {
                console.log(err);
            });
   }

Пробовал в package.json прописывать строку "proxy": "http://localhost:3001/",
пробовал настраивать devServer в webpack.config разными способами. Один из:

devServer: {
        proxy: [{
            path: '/api/',
            target: 'http://localhost:3001'
        }],
        historyApiFallback: true
    },

Ничего из этого не сработало.

Ошибки в консоли разные. 504 Gateway Timeout, 404 Failed to load resource: the server responded with a status of 404 (Not Found)

Answer 1

[Ilya]

historyApiFallback: true,
proxy: {
    '/api': {
        target: 'http://localhost:3001,
    },
}