프록시를 사용하여 vue CLI 개발 서버에서 리다이렉트를 처리하려면 어떻게 해야 합니까?

프록시를 사용하여 vue CLI 개발 서버에서 리다이렉트를 처리하려면 어떻게 해야 합니까?

내 프로젝트 설정은 프런트엔드에 여러 페이지가 있는 vue 어플리케이션과 플라스크 백엔드로 구성되어 있습니다.

개발 셋업에서는devServer.proxy설정vue.config.js:

module.exports = {
  devServer: {
    proxy: "http://localhost:5000"
  }
}

이것은 거의 모든 요구에 대해 정상적으로 동작하고 있습니다.이 문제는 백엔드 서버가 리다이렉트 요구를 발행했을 때 발생합니다.리다이렉트 요구는 백엔드 상의 URL을 가리키고 있습니다.그러나 개발 설정에서는 이 페이지는 웹 팩 개발 서버에서 제공되므로 아직 존재하지 않습니다.(인증 성공 후 실제 콘텐츠로 수정되는 로그인 페이지를 테스트 중입니다.)

최종적으로 웹팩 서버의 URL을 가리키도록 리다이렉트를 다시 쓰고 싶습니다.(다른 유효한 솔루션도 환영합니다)

그걸 어떻게 하는지 아는 사람 있어?

내가 알아냈어

기본적으로는 옵션을 통과해야 합니다.hostRewrite예를 들어 vue dev 서버가 실행 중인 경우 리다이렉트를 다시 씁니다.localhost:8080:

module.exports = {
  devServer: {
    proxy: {
      ".*": {
        target: "http://localhost:5000",
        hostRewrite: "localhost:8080"
      }
    }
  }
}

언급URL : https://stackoverflow.com/questions/61009005/how-can-i-handle-redirects-in-vue-cli-development-server-with-a-proxy