Go 백엔드로 React 프론트엔드를 제공할 때 404 오류를 처리하는 방법은 무엇입니까?

Go 애플리케이션에서 프런트엔드 라우팅을 구현하는 방법

문제:

특정 애플리케이션에 액세스할 때 React 프런트엔드를 제공하는 Go 애플리케이션의 브라우저에서 직접 경로(/my_frontend_path)를 사용하면 다음과 같은 문제가 발생합니다. 404 오류. 이는 Go 서버가 경로를 인식하지 못해 서버에서 해당 페이지를 요청하게 되기 때문입니다.

해결책:

인식되지 않는 경로를 프런트엔드에 위임하려면 반응 라우터를 사용하면 여러 접근 방식 중 하나를 구현할 수 있습니다:

1. 해시 기록

링크된 질문에는 해시 기록이 권장되며 클라이언트 측 라우팅을 위해 URL에 #을 추가하는 것이 포함됩니다. 이렇게 하면 서버가 경로를 해석하지 않고 프런트엔드 라우터가 이를 처리할 수 있습니다.

2. 포괄적인 접근 방식

순수한 서버 측 솔루션의 경우 인식할 수 없는 모든 경로에 대해 index.html을 반환하는 포괄적인 접근 방식을 구현할 수 있습니다. 이렇게 하면 프런트엔드 애플리케이션이 로드되고 라우터가 그에 따라 경로를 감지하고 라우팅할 수 있습니다.

Go에서 이를 구현하는 방법은 다음과 같습니다.

func main() {
    fs := http.FileServer(http.Dir(FSPATH))

    http.HandleFunc("/my_api", func(w http.ResponseWriter, _ *http.Request) { w.Write([]byte("API CALL")) })
    http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
        // If the requested file exists then return if; otherwise return index.html (fileserver default page)
        if r.URL.Path != "/" {
            fullPath := FSPATH + strings.TrimPrefix(path.Clean(r.URL.Path), "/")
            _, err := os.Stat(fullPath)
            if err != nil {
                if !os.IsNotExist(err) {
                    panic(err)
                }
                // Requested file does not exist so we return the default (resolves to index.html)
                r.URL.Path = "/"
            }
        }
        fs.ServeHTTP(w, r)
    })
    http.ListenAndServe(":8090", nil)
}

참고: 이 접근 방식은 존재하지 않는 파일을 포함하여 인식할 수 없는 모든 경로에 대해 index.html을 반환합니다. 문제가 발생할 경우 파일 확장자 확인 등의 제한 사항을 추가하는 것을 고려할 수 있습니다.

위 내용은 Go 백엔드로 React 프론트엔드를 제공할 때 404 오류를 처리하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!