NuxtJs 页面跳转与后端

最近发现不少小伙伴都对Golang很感兴趣，所以今天继续给大家介绍Golang相关的知识，本文《NuxtJs 页面跳转与后端》主要内容涉及到等等知识点，希望能帮到你！当然如果阅读本文时存在不同想法，可以在评论中表达，但是请勿使用过激的措辞~

我正在构建一个包含 nuxtjs 付款选项的网站。但当我想重定向到虚拟 pos 集成商的支付页面时，出现 cors 错误。

在后端，我使用 golang/echo，如下所示：

func startpaymentprocess(c echo.context) {
    header := c.response().header()
    header.add("access-control-allow-origin", "*")
    header.add("access-control-allow-methods", "delete, post, get, options")
    header.add("access-control-allow-headers", "content-type, authorization")

    //...
    // do some controls
    //..

    c.redirect(http.statusseeother, "https://web-test.vercel.app/workplace/payment/success")
}

在前端 axios 上这样调用

export const setsubscription = async () => {
  try {
    return await axios({
      method: "get",
      url: api_url + `/workplaces/payment-test`,
      headers: {
        "authorization": shared.getauthorizationheader()
      }
    });
  } catch (error) {
    return error
  }
}

在开发者控制台上出现如下错误：

Access to XMLHttpRequest at 'https://web-test.vercel.app/workplace/payment/success' (redirected from 'https://api.test.domain.tech/workplaces/payment-test') from origin 'https://web-test.vercel.app' has been blocked by CORS policy: Request header field authorization is not allowed by Access-Control-Allow-Headers in preflight response.
688030a.js:2 

GET https://web-test.vercel.app/workplace/subscription/success net::ERR_FAILED

在开发者控制台上出现如下网络错误： 在此输入图像描述

我遗漏了哪一点？

正确答案

我知道这个问题可能不再相关，但它可能是由 Access-Control-Allow-Origin 中的通配符引起的，尝试放置 UI 的主机。

今天关于《NuxtJs 页面跳转与后端》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！