Vue 경로 history 모드 에서 Nginx 배경 설정 작업

전단 에서 vue 경로 모드 를 history 모드 로 바 꾼 후 운영 설정 이 있어 야 정상적으로 접근 할 수 있 습 니 다.설정 편 지 는 다음 과 같 습 니 다.

 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 백 엔 드 설정 작업 은 편집장 님 께 서 공유 해 주신 모든 내용 입 니 다.참고 해 주시 고 많은 응원 부 탁 드 리 겠 습 니 다.

좋은 웹페이지 즐겨찾기