Axios 不在 headers 中发送 cookie,即使使用 withCredentials: true |后端FastAPI
Axios not sending cookies in the headers, even using withCredentials: true | Backend FastAPI
我的 axios 配置
使用 postman 我得到了 cookie 就好了,所以这是一个 axios 问题。
const api = axios.create({
baseURL: 'http://localhost:8000/',
withCredentials: true,
headers: { crossDomain: true, 'Content-Type': 'application/json' },
})
export default boot(({app}) => {
// for use inside Vue files (Options API) through this.$axios and this.$api
app.config.globalProperties.$axios = axios
// ^ ^ ^ this will allow you to use this.$axios (for Vue Options API form)
// so you won't necessarily have to import axios in each vue file
app.config.globalProperties.$api = api
// ^ ^ ^ this will allow you to use this.$api (for Vue Options API form)
// so you can easily perform requests against your app's API
})
export { axios, api }
const response = await api.get(
'',
)
我在这里错过了什么?
您不能发送 localhost 的 cookie 任何其他主机名或 ip 您只能发送不同的子域。
您需要相同的站点参数。
https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies#samesite_attribute
我的 axios 配置
使用 postman 我得到了 cookie 就好了,所以这是一个 axios 问题。
const api = axios.create({
baseURL: 'http://localhost:8000/',
withCredentials: true,
headers: { crossDomain: true, 'Content-Type': 'application/json' },
})
export default boot(({app}) => {
// for use inside Vue files (Options API) through this.$axios and this.$api
app.config.globalProperties.$axios = axios
// ^ ^ ^ this will allow you to use this.$axios (for Vue Options API form)
// so you won't necessarily have to import axios in each vue file
app.config.globalProperties.$api = api
// ^ ^ ^ this will allow you to use this.$api (for Vue Options API form)
// so you can easily perform requests against your app's API
})
export { axios, api }
const response = await api.get(
'',
)
我在这里错过了什么?
您不能发送 localhost 的 cookie 任何其他主机名或 ip 您只能发送不同的子域。 您需要相同的站点参数。 https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies#samesite_attribute