прокси devServer в конфиге кидает 404

Question

У меня есть это в src/vue.config.js

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

и я вызываю API с

  axios.get('/api/parts')
    .then(result => commit('updateParts', result.data))
    .catch(console.error);

Но я просто продолжаю получать

Ошибка: «Запрос не выполнен с кодом состояния 404»

И я вижу, что запрос делается на порт 8080 вместо 8081

Я могу получить доступ к API в браузере без проблем

Как я могу отладить это?

Answer 1

Ваш vue.config.js не должен находиться в папке src.Это должно быть в корне вашего проекта.Просто переместите файл.

Ссылку на конфигурацию для сервера можно найти здесь: https://cli.vuejs.org/config/#devserver-proxy, но, похоже, вы на самом деле все делаете правильно.Файл находится не в той папке.