如何通过axios在Vue请求中携带cookie实现跨域访问？
- 内容介绍
- 文章标签
- 相关推荐
本文共计844个文字，预计阅读时间需要4分钟。
在使用axios和Vue进行请求时，若需要携带cookie，且符合同源策略，可以在Vue组件的`mounted`生命周期钩子中直接设置`document.cookie`。以下是一个简单的示例：
javascriptmounted() { document.cookie=ioiopipoadiasdasdbasdbas; // 非跨域传递cookie，直接设置cookie即可}
axios+vue 请求时如何携带cookie
1，当符合同源策略时，可以直接设置 document.cookie = " 你要设置的内容 "
mounted() { document.cookie = "ioiopipoadiasdasdbasdbas"; // 非跨域传递cookie 直接设置cookie即可 this.getData(); //请求的方法 }, methods: { async getData() { let data = await axios.get('/data.json', { params: { id: 1, }, } }, },
此时：可以直接向服务端传递cookie，无需设置。
本文共计844个文字，预计阅读时间需要4分钟。
在使用axios和Vue进行请求时，若需要携带cookie，且符合同源策略，可以在Vue组件的`mounted`生命周期钩子中直接设置`document.cookie`。以下是一个简单的示例：
javascriptmounted() { document.cookie=ioiopipoadiasdasdbasdbas; // 非跨域传递cookie，直接设置cookie即可}
axios+vue 请求时如何携带cookie
1，当符合同源策略时，可以直接设置 document.cookie = " 你要设置的内容 "
mounted() { document.cookie = "ioiopipoadiasdasdbasdbas"; // 非跨域传递cookie 直接设置cookie即可 this.getData(); //请求的方法 }, methods: { async getData() { let data = await axios.get('/data.json', { params: { id: 1, }, } }, },
此时：可以直接向服务端传递cookie，无需设置。