Прокси Devserver с Axios

Question

Кажется, мне не удается заставить настройку прокси-сервера devServer: работать в моем приложении vue / express.

Мой vue .config. js файл находится в root моего клиентская папка и выглядит так:

module.exports = {
  devServer: {
    proxy: {
      'api': {
        target: 'http://localhost:5000'
      }
    }
  },
  transpileDependencies: [
    'vuetify'
  ]
}

Я отправляю запрос из внешнего интерфейса с помощью ax ios следующим образом:

const response = await http.get("/api/auth/authenticate");

Мое express приложение работает на локальном хосте : 5000 и я настроил конечные точки как таковые:

...other endpoints
app.use("/api/auth", authController);

Запрос отображается на вкладке моей сети как:

Request URL: http://localhost:8080/api/auth/authenticate

и возвращает ошибку 404.

Что мне здесь не хватает?

Answer 1

Так как теперь он не загружается из вашего бэкэнда, а ищет некоторый stati c контент (при достижении 8080, vue должен быть запущен на этом порту). Попробуйте использовать, чтобы он перенаправлялся на прокси:

    proxy: {
      '^/api': {
        target: 'http://localhost:5000',
        ws: false,
        changeOrigin: true
      },

Или просто '/ api' вместо '^ / api'