운영 및 유지보수 엔진스 Nginx가 React 프로젝트를 구성할 때 404 문제를 해결하는 방법

Nginx가 React 프로젝트를 구성할 때 404 문제를 해결하는 방법

May 22, 2023 pm 03:19 PM
react nginx

코드:

location /demo {

root E:/;

index index.html index.htm;

}

이 구성에 문제가 있습니다. http://localhost를 통해서만 액세스할 수 있습니다. /데모/ .

http://localhost/demo/page1과 같은 내부의 다른 인터페이스에 액세스하려는 경우 404 페이지를 찾을 수 없음이 보고됩니다.

근데 개발중에는 정말 아무 문제도 없었고 접근도 가능했는데, 프로젝트에 꼭 노드를 사용해야 하나?라는 생각이 들었습니다. 아니요, 아마도 구성 방법을 모르기 때문일 수도 있습니다.

Solution

드디어 해결책을 찾았습니다. 다른 사람의 nginx.config에 추가 줄이 있습니다.

location /demo {

root E:/;

# 이것을 추가하면 URL 바로 뒤에 경로를 추가하여 경로를 구성할 수 있습니다.

try_files $uri /demo/index.html;

index index.html index.htm;

}

위 내용은 Nginx가 React 프로젝트를 구성할 때 404 문제를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Tomcat 서버에 대한 외부 네트워크 액세스를 허용하는 방법 Tomcat 서버에 대한 외부 네트워크 액세스를 허용하는 방법 Apr 21, 2024 am 07:22 AM

Tomcat 서버에 대한 외부 네트워크 액세스를 허용하는 방법

nginx 시작 및 중지 명령은 무엇입니까? nginx 시작 및 중지 명령은 무엇입니까? Apr 02, 2024 pm 08:45 PM

nginx 시작 및 중지 명령은 무엇입니까?

thinkphp를 실행하는 방법 thinkphp를 실행하는 방법 Apr 09, 2024 pm 05:39 PM

thinkphp를 실행하는 방법

nginx에 오신 것을 환영합니다! 어떻게 해결하나요? nginx에 오신 것을 환영합니다! 어떻게 해결하나요? Apr 17, 2024 am 05:12 AM

nginx에 오신 것을 환영합니다! 어떻게 해결하나요?

phpmyadmin을 등록하는 방법 phpmyadmin을 등록하는 방법 Apr 07, 2024 pm 02:45 PM

phpmyadmin을 등록하는 방법

nodejs 프로젝트를 서버에 배포하는 방법 nodejs 프로젝트를 서버에 배포하는 방법 Apr 21, 2024 am 04:40 AM

nodejs 프로젝트를 서버에 배포하는 방법

웹사이트에 접속할 때 nginx 문제를 해결하는 방법 웹사이트에 접속할 때 nginx 문제를 해결하는 방법 Apr 02, 2024 pm 08:39 PM

웹사이트에 접속할 때 nginx 문제를 해결하는 방법

도커 컨테이너 간 통신 방법 도커 컨테이너 간 통신 방법 Apr 07, 2024 pm 06:24 PM

도커 컨테이너 간 통신 방법

See all articles