在 Nuxt 3 (npm run dev) 服务器中，使用 Golang Echo API 设置 cookie

各位小伙伴们，大家好呀！看看今天我又给各位带来了什么文章？本文标题是《在 Nuxt 3 (npm run dev) 服务器中，使用 Golang Echo API 设置 cookie》，很明显是关于Golang的文章哈哈哈，其中内容主要会涉及到等等，如果能帮到你，觉得很不错的话，欢迎各位多多点评和分享！

我有一个 nuxt 3 (^3.0.0-rc.11) 前端和一个 golang echo v4 后端 api。

ssr 属性在 nuxt.config.ts 文件中设置为 false ，因此当我运行 npm rungenerate 时，我可以从 echo api 提供静态生成的文件，并且我从后端发送的会话 cookie 是按预期在浏览器中进行设置。

但是，当我从 nuxt 运行 npm run dev 时，浏览器中未设置 cookie，即使我可以在响应标头中看到它（在 firefox 的网络选项卡下）。

我可能认为它不适用于开发服务器，因为 nuxt 正在端口 :3000 上运行并在 :1323 上进行回显，并且可能存在 cors 问题？

我尝试按照“为跨源请求设置 cookie”中的提示进行操作，但无济于事。我不确定这是否是我的情况的问题。

我什至尝试从 v3.nuxtjs.org 创建 nuxt 可组合项，但我再次不确定这是否是问题所在。

server.go

e.use(middleware.corswithconfig(middleware.corsconfig{
    alloworigins: []string{"http://localhost:3000"},
    allowheaders: []string{echo.headerorigin, echo.headercontenttype, echo.headeraccept},
    allowcredentials: true,
 }))

session.go

session, _ := store.get(c.request(), "session")
session.options = &sessions.options{
    path:     "/",
    maxage:   86400 * 7, // 7 days
    httponly: true,
    secure:   true,
    samesite: http.samesitenonemode,
}
 session.values["authenticated"] = true
 session.values["user_id"] = user.id
 session.save(c.request(), c.response())

authstore.js (pinia)

const { data } = await useAsyncData('login', () => $fetch(API_URL + '/api/login', {
    method: 'post',
    body: params,
    withCredentials: true,
})

我可以使用 usecookie() 从 nuxt 前端设置 cookie，但我不知道如何获取网络中已有的 set-cookie选项卡。

正确答案

当 cookie 由 api（即不是由 nuxt）设置时，您可以使用 h3 中的 getcookie()。

export default defineEventHandler(event =>
  // Read counter cookie
  let counter = getCookie(event, 'counter') || 0
  // Increase counter cookie by 1
  setCookie(event, 'counter', ++counter)
  // Send JSON response
  return { counter }

https://nuxt.com/docs/api/composables/use-cookie/#handling-cookies-in-api-routes

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于Golang的相关知识，也可关注golang学习网公众号。