请求怎么携带cookie

[Aixbox]

我在请求后请求头并没有cookie

请求工具类

import { createAlova } from 'alova'
import VueHook from 'alova/vue'
// import { ElMessage } from 'element-plus'
import GlobalFetch from 'alova/GlobalFetch'
import { Message } from '@arco-design/web-vue'

function getToken() {
  let tempToken = ''
  return {
    get() {
      if (tempToken) return tempToken
      const token = localStorage.getItem('TOKEN')
      if (token) {
        tempToken = token
      }
      return tempToken
    },
    clear() {
      tempToken = ''
    }
  }
}

export const computedToken = getToken()

export const alovaIns = createAlova({
  // 假设我们需要与这个域名的服务器交互
  baseURL: '',

  // 在vue项目下引入VueHook，它可以帮我们用vue的ref函数创建请求相关的，可以被alova管理的状态
  statesHook: VueHook,

  // 请求适配器，这里我们使用fetch请求适配器
  requestAdapter: GlobalFetch(),

  // 设置全局的请求拦截器，与axios相似
  beforeRequest({ config }) {
    // 假设我们需要添加token到请求头
    config.headers.Authorization = `Bearer ${computedToken.get()}`

    config.headers['Content-Type'] = 'application/json; charset=utf-8'
  },

  // 响应拦截器，也与axios类似
  responsed: async response => {
    const json = await response.json()
    if (response.status !== 200 || json.code != 0) {
      Message.error(json.message)
      throw new Error(json.message)
    }
    return json.data
  }
})

alova版本 2.13.1

[MeetinaXD]

默认是携带 cookie 的，请检查一下服务器的响应是否有 Set-Cookie 字段

[Aixbox]

解决了，要在请求拦截器添加config.credentials = 'include'

  // 设置全局的请求拦截器，与axios相似
  beforeRequest({ config }) {
    // 假设我们需要添加token到请求头
    config.headers.Authorization = `Bearer ${computedToken.get()}`

    config.headers['Content-Type'] = 'application/json; charset=utf-8'
    config.credentials = 'include'
  },

[MeetinaXD]

以防其他人遇到了类似的问题。这可能是由于非同源请求导致的。MDN 文档：credentials

在同源请求中，alova 将默认携带 cookie，无需手动设置。