為什麼 cors 錯誤沒有解決？

問題內容

golang 中允許使用 cors，程式碼如下

func register() *echo.echo {
    e := echo.new()
    e.get("/swagger/*", echoswagger.wraphandler) // swagger 등록
    validator.registervalidator(e)               // 유효성검사 등록
    e.use(middleware.cors())  // cors 등록
......

package middleware

import (
    "github.com/labstack/echo/v4"
    "github.com/labstack/echo/v4/middleware"
)

func cors() echo.middlewarefunc {
    return middleware.corswithconfig(middleware.corsconfig{
        alloworigins:  []string{"http://localhost:3000"},
        allowmethods:  []string{echo.get, echo.put, echo.post, echo.delete},
        allowheaders:  []string{echo.headerorigin, echo.headercontenttype, echo.headeraccept},
        exposeheaders: []string{echo.headercontentlength},
    })
}

但是，即使我在react專案中從(localhost:3000)發送請求，cors錯誤也不會停止。

func (serverInfo *ServerInfo) ServerStart() {

    var databaseSet database.DatabaseInterface = &mysql.MysqlInfo{} // Database
    databaseSet.InitDatabase()                                      // 데이터베이스를 초기화합니다
    hosts := map[string]*Host{}                                     // Hosts

    // API
    hosts[fmt.Sprintf("%v.%v:%v", "api.v1", os.Getenv(envkey.SERVER_URL), os.Getenv(envkey.PORT))] = &Host{apiV1Route.Register()}

    // Server
    e := echo.New()
    e.Use(middleware.Logger()) // 로거등록

    e.Any("/*", func(c echo.Context) (err error) {
        req := c.Request()
        res := c.Response()
        host := hosts[req.Host]

        if host == nil {
            err = echo.ErrNotFound
        } else {
            host.Echo.ServeHTTP(res, req)
        }
        return
    })

    // e.Logger.Fatal(e.StartTLS(fmt.Sprintf(":%v", os.Getenv(envkey.PORT)), "housewhale.com+3.pem", "housewhale.com+3-key.pem"))
    e.Logger.Fatal(e.Start(fmt.Sprintf(":%v", os.Getenv(envkey.PORT))))
}

這個問題我已經困擾了好幾天了，要如何解決？我已經嘗試了在手冊或谷歌中找到的所有內容，但 cors 錯誤並沒有消失。

正確答案

有一個錯誤，沒有附加錯誤，我附加瞭如下錯誤，當時問題就解決了。

access to fetch at 'https://api.v1.localhsot:8081/auth/retoken' from origin 'http://localhost:3000' has been blocked by cors policy: response to preflight request doesn't pass access control check: no 'access-control-allow-origin' header is present on the requested resource. if an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with cors disabled.

伺服器端未正確允許cors，請設定伺服器端以符合請求

例如，如果客戶端向標頭發送授權數據，則伺服器也允許在標頭中進行授權。像這樣設定必要的請求

package middleware

import (
    "github.com/labstack/echo/v4"
    "github.com/labstack/echo/v4/middleware"
)

func Cors() echo.MiddlewareFunc {
    return middleware.CORSWithConfig(middleware.CORSConfig{
        AllowOrigins:     []string{"http://localhost:3000"},
        AllowMethods:     []string{echo.GET, echo.PUT, echo.POST, echo.DELETE},
        AllowHeaders:     []string{echo.HeaderOrigin, echo.HeaderContentType, echo.HeaderAccept, echo.HeaderAuthorization},
        ExposeHeaders:    []string{echo.HeaderContentLength, echo.HeaderSetCookie},
        AllowCredentials: true, // Add this line to allow credentials
    })
}

以上是為什麼 cors 錯誤沒有解決？的詳細內容。更多資訊請關注PHP中文網其他相關文章！