원격 위치인 것처럼 가장하여 로컬 파일 가져오기

Question

저는 C# webapi 애플리케이션에서 제공하는 Vue JS 프런트엔드를 작성하고 있습니다. 이미지를 컴퓨터의 E: 드라이브 폴더에 저장하고 UI 사용을 위한 src 링크를 제공하려면 Webapi가 필요합니다.

모든 것이 괜찮지만 이제 로컬에서 실행하면서 테스트하고 싶습니다(그리고 E: 드라이브에 액세스할 수 없습니다). 문제는 이미지를 C: 드라이브에 저장할 수 있지만 (명백한 이유로) 이미지를 표시하려고 하면 UI 브라우저에 "로컬 리소스 로드가 허용되지 않습니다"라는 메시지가 표시된다는 것입니다.

일종의 원격 호스팅을 생성할 수 있는 유일한 솔루션인가요? 아니면 파일이 실제로 로컬에 저장되어 있을 때 원격 Blob 대상을 "가짜"로 만들 수 있습니까? Javascript의 URL.createObjectURL 메소드와 비슷하지만 webapi에 있습니까?

Answer 1

API의 소스 코드에 액세스할 수 있는 경우 로컬 시스템에 저장하지 않은 일부 환경 변수가 필요할 수 있고 일부 구성이 필요할 수 있다는 점을 고려하여 로컬에서 빌드하고 실행할 수 있습니다. 현재 프로덕션에서 실행 환경 외부에서 실행합니다.

이 작업을 수행할 수 있는 경우 프런트엔드 API 상수에서 API의 도메인 이름을 업데이트해야 합니다(예: http://{APIDOMAIN}/your/route를 http://localhost:5000/your/로 업데이트). 경로), 로컬에서 테스트하기 위한 것입니다.

Answer 2

좋아, NetMage가 제안한 더미 IIS 디렉토리 생성이 성공했습니다!

실행 중인 IIS 응용 프로그램에 대해 로컬 폴더를 가리키는 가상 디렉터리를 만들 수 있습니다.

• [솔루션 폴더]/.vs/[솔루션 이름]/config에 있는 applicationhost.config 파일을 엽니다
• 구성 파일에서 <sites>섹션
을 찾으세요.
• 웹 애플리케이션 사이트 찾기(예: WebApi)
• 원격 경로를 지정하고 로컬 폴더를 가리키는 새 가상 디렉터리 요소를 추가하세요.

으아악

• 이제 이미지의 src를 "http://localhost:8080/Media/image.png"로 설정할 수 있으며 브라우저는 이를 원격 리소스라고 생각하게 됩니다(더 이상 불평하지 않음)!