.net core webapi 전후 단 개발 분리 후의 설정 과 배 치 를 자세히 설명 합 니 다.

배경:현재 점점 더 많은 기업 들 이 개발 상의 전후 단 분 리 를 채택 하고 있 습 니 다.전후 단 개발 상의 분 리 는 여러 가지 가 있 습 니 다.그러면 오늘 은 프로젝트 에서 얻 은 전후 단 분 리 를 공유 하 겠 습 니 다.
B/S Saas 프로젝트:(이 프로젝트 는 개인 중심 으로 이해 할 수 있 습 니 다.물론 이 정도 기능 만 있 는 것 이 아 닙 니 다)
전단:node.js+vue
백 엔 드:.net core webapi
전단 에 node.js 를 설치 하고 vue 프로젝트 를 만 드 는 것 은 이 글 의 중점 이 아니 라 프로젝트 가 완 료 된 후의 배치 에 중점 을 두 는 것 입 니 다.
.net corewebapi 가 생 성 된 후에 기본적으로 wwroot 폴 더 를 만 들 었 습 니 다.이 폴 더 는 정적 파일 을 설치 하 는 데 사 용 됩 니 다.따라서 이 폴 더 는 build 의 좋 은 전단 항목 을 배치 하 는 것 으로 이해 할 수 있 습 니 다.

OK.지금까지 재 미 있 는 발견 이 있 습 니 다.

위의 그림 에서 충분히 뚜렷 합 니 다.이러한 배 치 는 개발 상의 앞 뒤 가 분 리 된 것 입 니 다.그들 은 같은 사이트 에 속 하고 같은 도 메 인 이름 을 연결 하기 때문에 크로스 도 메 인 과 관련 되 지 않 습 니 다.외부 에서 webapi 를 직접 호출 할 수 없습니다(안전 상 보증 D 가 있 습 니 다).
그러면 이런 배 치 는 간단 합 니 다.Startup 에 있 는 Configure 만 설정 하면 됩 니 다.

//    
      app.UseDefaultFiles();

      //   .net core webapi   wwwroot      ，      
      app.UseStaticFiles();

      app.UseMvc(routes =>
      {
        routes.MapRoute(
          name: "default",
          template: "api/{controller=Login}/{action=Get}/{id?}");
      });

1.우선 홈 페이지 설정
여기 서 직접 사용 하 는 것 은 기본 값 입 니 다.바로 UseDefault Files 는 default.htm,default.html,index.htm,index.html 로 재 설정 합 니 다.물론 설정 한 첫 페이지 도 지정 할 수 있 습 니 다.(지정 한 페이지 는 사용자 정의 가 가능 합 니 다!)

//    
      DefaultFilesOptions defaultFilesOptions = new DefaultFilesOptions();
      defaultFilesOptions.DefaultFileNames.Clear();
      defaultFilesOptions.DefaultFileNames.Add("index.html");

      app.UseDefaultFiles(defaultFilesOptions);

이렇게 해서 index.html 로 방향 을 바 꾸 었 습 니 다.그런데 왜 앞 에 Clear 를 사 용 했 습 니까?사실은 개인 적 으로 보험 만 을 위 한 것 이 라 고 생각 합 니 다.왜냐하면...

2.정적 파일 을 엽 니 다.UseDefaultFiles 는 실제 파일 을 제공 하 는 것 이 아니 라 URL 을 바 꾸 는 것 입 니 다.정적 파일 을 제공 하 는 것 입 니까?아니면 UseStaticFiles 를 제공 하 는 것 입 니까?이것 이 바로 UseDefaultFiles 를 우선적으로 설정 하고 UseStaticFiles 로 가 는 이유 입 니 다.물론 정적 파일 을 제공 하 는 것 도 여러 개의 리 로드 를 제공 하고 상대 적 인 경 로 를 제공 할 수 있 으 며 정적 파일 디 렉 터 리 의 선택 도 제공 합 니 다.

//   .net core webapi   wwwroot      ，      
      StaticFileOptions staticFileOptions = new StaticFileOptions();
      staticFileOptions.FileProvider = new Microsoft.Extensions.FileProviders.PhysicalFileProvider(@"D:\testsite\wwwroot\");//       api     wwwroot    

      app.UseStaticFiles(staticFileOptions);

위 에 있 는 쓰기 도 마찬가지 입 니 다.물론 지정 한 디 렉 터 리 도 설정 파일 에 넣 을 수 있 지만 이 방법 은 보통 FTP 와 같은 항목 에 놓 습 니 다.지정 한 디 렉 터 리 가 웹 api 프로젝트 wwwroot 에서 벗 어 났 다 면,심지어 wwroot 의 폴 더 도 정적 페이지 에 접근 할 수 없 기 때문이다.
3.MVC 를 사용 하고 경 로 를 설정 합 니 다.정적 파일 에 대한 접근 을 시작 한 후에 뮤 직 비디오 에 의 해 처 리 됩 니 다.이것 은 webapi 프로젝트 이기 때문에 api 의 경 로 를 설정 하면 됩 니 다.(위의 1,2 순 서 를 바 꿀 수 없 는 것 을 제외 하고 뮤 직 비디오 에 설 치 된 경로 가 설 치 된 순서 에 영향 을 주지 않 습 니 다.이것 은 뮤 직 비디오 프로젝트 가 아니 기 때 문 입 니 다)
자,앞 뒤 가 개 발 된 후 서버 에 배치 합 니 다.위 에 Startup 설정 만 있 으 면 됩 니 다.net core 는 여전히 매우 편리 하 다.

정상 방문!아무 문제 없어 요.문제 가 있어 도 코드 가 문제 예요.아하 하.
위 에서 말 한 것 은 편집장 이 소개 한.net core webapi 전후 단 개발 분리 후의 배치 와 배치 에 대한 상세 한 통합 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남 겨 주세요.편집장 은 신속하게 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!