ASP.NET Core 응용 프로그램 에서 Vue 를 실행 하고 IIS 에 배치 하 는 방법 에 대해 자세히 설명 합 니 다.

2804 단어 asp.netvueiis 배치
머리말
.NET Core 1.0 부터 우 리 는 이 를 프로젝트 에 응용 했다.그러나 나 는 ASP.NET Core 의 일부 원리 에 대해 서도 아직 연 구 를 시작 하지 않 았 고 사용 할 수 있 는 것 에 국한 되 었 다.그러나 정원 에 많은 글 이 존재 하고 여가 시간 을 빌려 ASP.NET Core 와 Vue 를 결합 하여 IIS 에서 어떻게 운영 하 는 지 에 대해 이야기 했다.
ASP.NET Core 결합 Vue 는 IIS 에 배 치 됩 니 다.
Vue 와 Webpack 설치 에 대해 서 는 설명 하지 않 습 니 다.ASP.NET Core 응용 프로그램 을 만 들 거나 dotnet new mvc 를 통 해 ASP.NET Core 응용 프로그램 을 만 듭 니 다.

다음은 위 프로그램 에서 다음 명령 을 통 해 Vue 템 플 릿 을 만 듭 니 다.

vue init webpack my-project
cd my-project
npm install

다음은 npm run dev 를 이용 하여 Vue 를 시작 합 니 다.

이때 Vue 도 운행 하기 시작 하면 우 리 는 매우 즐겁게 현지에서 테스트 를 진행 할 수 있다.첫 번 째 단 계 를 마 친 후에 우 리 는 생산 환경 에서 전후 분 리 를 실현 하고 상기 ASP.NET Core 응용 프로그램 을 IIS 에 단독 사이트 로 배치 하 는 동시에 Vue 도 하나의 단독 사이트 로 한다.다음 에 우 리 는 상술 한 응용 프로그램 을 IIS 에 배치 할 것 이다.

IIS 에서 만 든 사이트 aspnetcore 는 기본 설정 에서 응용 프로그램 풀 은 당연히 위탁 관리 코드 가 없 으 며,없 으 면.NET Core run time 을 직접 다운로드 하 십시오.


이 때 우리 가 해 야 할 일 은 Vue 프로필 을 수정 하고 생 성 된 Vue 템 플 릿 프로젝트 config 폴 더 의 Index.js 파일 을 수정 하여 파일 이 있 는 디 렉 터 리 를 설정 하 는 것 입 니 다.다음 과 같 습 니 다.

다음 npm run build 명령 을 실행 하면 wwroot 폴 더 에서 vue 파일 을 생 성 합 니 다.

그리고 저 희 는 전단 사 이 트 를 만 들 고 위 에서 생 성 된 파일 을 이 사이트 아래 에 두 었 습 니 다.예 를 들 어 제 가 만 든 것 은 VueDemo 입 니 다.

모든 것 이 그렇게 간단 하고 쉬 워 보이 지 않 습 니까?위 와 같은 테스트 를 할 때 많은 문제 가 발생 할 수 있 습 니 다.저 는 상세 한 설명 을 하지 않 았 을 뿐 입 니 다.예 를 들 어 접근 할 수 있 는 권한 이 없 으 면 권한 을 부여 합 니 다.기본 적 인 상황 에서 사이트 권한 은 IIS APPOOL\DefaultAppPool 입 니 다.권한 이 부족 하면 NET SERVICE 나 EVERY ONE 을 설정 합 니 다.또한 생 성 된 Vue 사이트 에서 해당 하 는 오류 코드 에 접근 할 수 없 으 므 로 웹 플랫폼 을 통 해 재 작성 프로그램 을 설치 해 야 합 니 다.

총결산
이 절 에 서 는 ASP.NET Core 응용 프로그램 과 전단 프레임 워 크(예 를 들 어 Vue)의 앞 뒤 분 리 를 어떻게 실현 하 는 지 간략하게 소개 하 였 으 며,상기 완료 후 에는 Vue 가 인터페이스 호출 을 진행 하 였 으 며,시간 이 있 으 면 Vue 를 이용 하여 Ajax 요청 ASP.NET Core 인 터 페 이 스 를 업데이트 할 것 입 니 다.
자,이상 이 이 글 의 전체 내용 입 니 다.본 논문 의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 참고 학습 가치 가 있 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 댓 글 을 남 겨 주 셔 서 저희 에 대한 지지 에 감 사 드 립 니 다.

좋은 웹페이지 즐겨찾기