Настройка прокси-сервера для сервера ASP. NET Core MVC и клиентов Vue

Question

Я пытаюсь настроить среду разработки для ASP. NET Базового веб-приложения, которое использует стандартную mvc аутентификацию и два Vue. Js приложения, обслуживаемых по маршрутам: /first-vue и * 1002. *. Моя цель в разработке, чтобы иметь приложение, которое не разделено, а полнофункционально, так как оно будет работать на производстве. Для производства мое решение состоит в том, чтобы изменить outputDir в файле vue.config.js на wwwroot, но проблема в разработке, потому что я хочу использовать функциональность горячей перезагрузки.

Answer 1

Если ваш бэкэнд работает, скажем, localhost: 80, а ваше vue приложение работает на localhost: 8080, вы можете указать прокси, указав c запросы на бэкэнд-маршруты с префиксами, чтобы dev-сервер понимал, какие запросы к прокси

// vue.config.js
module.exports = {  
  devServer: {
    port: 8080,
    proxy: {
      "/api": {
        target: "http://localhost:80"
      }
    }
  }
}

Теперь запросы к / api / first- vue и / api / second- vue будут перенаправлены на 80-й порт