Vue 경로 history 모드 에서 Nginx 배경 설정 작업
location / {
root html;
index index.html index.htm;
try_files $uri $uri/ @rewrites;
}
location @rewrites {
rewrite ^(.+)$ /index.html last;
}
테스트 를 통 해 정상적으로 접근 할 수 있다보충 지식:Vue History 모드 에서 Nginx 배치 밟 기 과정 통합
회사 에서 Vue 프로젝트 를 배치 하 는 동안 Vue 의 Router 에서 Hash 모델 의\#번호 가 너무 못 생 겨 서 모델 을 history 모델 로 바 꾸 었 습 니 다.누가 포장 하고 싶 은 지 끝 없 는 심연 이 생 겨 서 여러 가지 문제 가 떠 올 랐 습 니 다.
문제 1:
history 모드 를 통 해 포장 한 후 nginx 서버 에 배치 되 었 습 니 다.경로 가 불가능 한 문제 가 발생 했 습 니 다.페이지 는 빈 페이지 를 보 여 줍 니 다.
이전에 hash 모드 로 nginx 배 치 를 직접 사용 하여 루트 조회 방식 으로 직접 전 환 했 습 니 다.hash 모드 에서 문제 가 발생 한 적 이 없 지만
이곳 의 history 모드 는 바로 공백 페이지 를 보 여 줍 니 다.경로 가 진행 되 지 않 고 홈 페이지 설명 을 보 았 습 니 다.
해결 방법:
이 곳 에서 나 는 Nginx 서버 를 사용 하여 설정 했다.
문서 설정:
내 설정:
내 가 사용 하 는 루트 디 렉 터 리 는/v/main/
Vue-cli 3.0 루트 디 렉 터 리 수정 방법:
루트 디 렉 터 리 를 수정 한 후 Router 의 base 디 렉 터 리 를 수정 해 야 합 니 다:
그렇게 완벽 하 게 백 스크린 을 해결 하 는 것 은 문 제 를 해결 할 수 없다.
앞으로 문제 가 있 으 면 공식 문 서 를 위주 로 해 야 한다.바 이 두 의 많은 설명 이 비교적 추상 적 이 고 세분 화 되 지 않 는 다.
좋 습 니 다.Vue 루트 history 모드 에서 Nginx 백 엔 드 설정 작업 은 편집장 님 께 서 공유 해 주신 모든 내용 입 니 다.참고 해 주시 고 많은 응원 부 탁 드 리 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Vue Render 함수로 DOM 노드 코드 인스턴스 만들기render에서createElement 함수를 사용하여 DOM 노드를 만드는 것은 직관적이지 않지만 일부 독립 구성 요소의 디자인에서 특수한 수요를 충족시킬 수 있습니다.간단한 렌더링 예는 다음과 같습니다. 또한 v...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.