서버 nginx 설정 vue - router history 모드

958 단어 Nginxvue-routerhisotry
vue - router 는 두 가지 모델 이 있 는데 하 나 는 hash 모델 입 니 다. 이런 모델 은 보통 현지에서 개발 할 때 사용 합 니 다. 이런 모델 에서 url 주소 표시 줄 에 포트 번호 뒤에 \ # 번호 가 나타 납 니 다. 그러나 thisory 모델 은 없습니다. 일반 온라인 프로젝트 는 history 모델 을 사용 합 니 다.그러나 hisotry 모드 를 서버 에 포장 한 후 페이지 를 새로 고침 하면 404 가 나타 납 니 다.내 서버 는 nginx 를 사용 하여 만 든 서버 와 역방향 프 록 시 입 니 다.nginx 설정 history 모드 의 프로젝트 nginx 원본 설정 을 기록 합 니 다.
location / {
        root  /home/testhadoop/www/html;
        index index.html index.htm;
    }

해결 방안 은 다음 과 같 습 니 다. 1: try 사용files 문법: tryfiles file1 [file2 … filen] fallback 
location / {
    root  /home/testhadoop/www/html;
    index index.html index.htm;
    try_files $uri $uri/ /index.html;
}

방안 2 사용 tryfiles 
location /{

    root  /home/testhadoop/www/html;
    index  index.html index.htm;

    if (!-e $request_filename) {
        rewrite ^/(.*) /index.html last;
        break;
    }
}

직접 측정 하여 사용 할 수 있다.
Gamepanel
사용자 정의 Fastjson 프로세서 작성

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage