在 Go 中解决 http.handle 引发的 404 错误的终极指南

javascript

2024-03-12 10:11:09

使用 Go 解决 HTTP 路由 404 错误

问题

在使用 Go 作为后端和 React 作为前端的 Web 应用程序中，我们可能遇到这样一个问题：当试图访问非 / 路由（例如 /example）时，http.handle 会引发 404 错误，显示“页面未找到”。

解决方法

1. 检查 React 路由器配置

确保 React 路由器已正确配置，并且包含了要处理的非 / 路由（例如 /example）。

2. 使用 Gorilla/mux 路由

Gorilla/mux 是一个流行的 Go 路由器，可以提供更灵活的路由处理。我们可以使用它来处理非 / 路由。

3. 注册文件服务器

需要为要服务的每个非 / 路由注册文件服务器。

4. 启用重定向

在 React 路由器中，我们可以启用重定向，以确保所有请求都重定向到 / 路由，那里可以由 Go 应用程序处理。

示例代码

以下示例代码展示了如何使用 Go 的 Gorilla/mux 路由器和 React 路由器来处理非 / 路由：

// Go 代码
package main

import (
    "github.com/gorilla/mux"
    "net/http"
    "log"
)

const public = "../frontend/public/";

func main() {
    r := mux.NewRouter()
    r.Handle("/", http.FileServer(http.Dir(public)))
    r.Handle("/example", http.StripPrefix("/example", http.FileServer(http.Dir(public))))

    log.Println("Listening on http://localhost:8080")
    log.Fatal(http.ListenAndServe(":8080", r))
}

// React 代码
import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter as Router } from 'react-router-dom';

ReactDOM.render(
  <Router basename={process.env.PUBLIC_URL}>
    {/* ... */}
  </Router>,
  document.getElementById('root')
);