Vue Refresh 404 문제에 대한 솔루션

이 글의 내용은 vue 새로 고침 404 문제에 대한 해결 방법입니다. 특정 참고 가치가 있습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

1. 문제 설명

vue-route를 webpack과 결합하여 단일 페이지 라우팅 프로젝트를 작성했고, 서버 측에서 nginx를 구성하는 데 운영 및 유지 관리를 지원했습니다. 배포가 완료된 후 홈페이지에 접속하여 홈페이지에서 2차 페이지를 여는 것은 문제가 되지 않습니다. 그러나 2차 페이지를 모두 열고 다시 새로고침을 하면 404 현상이 나타납니다!

2. 문제 원인:

vue-router에서 설정한 경로가 실제 경로가 아니기 때문에 페이지를 새로 고칠 때 액세스한 리소스를 서버 측에서 찾을 수 없습니다. .

3. 해결 방법:

nginx 구성에 vue-route 점프 설정을 추가합니다(여기 홈페이지는 index.html이고 index.php인 경우 아래에 해당함). 위치 교체), 올바른 구성은 다음과 같습니다.

location / {
    try_files $uri $uri/ @router;
    index index.html;
}

location @router {
    rewrite ^.*$ /index.html last;
}

더 많은 흥미로운 내용을 보려면 PHP 중국어 웹사이트의 JavaScript Tutorial Video 열을 참조하세요. !

위 내용은 Vue Refresh 404 문제에 대한 솔루션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!