vue axios 跨域 cookie

在 Vue 中使用 axios 进行跨域请求并携带 cookie，你需要进行一些配置。

首先，在你的 Vue 项目中安装 axios：

npm install axios

然后，在你的 Vue 项目中创建一个单独的 axios 实例，用于跨域请求：

// main.js

import axios from 'axios';

const instance = axios.create({
  baseURL: 'http://example.com', // 替换成实际的服务器地址
  withCredentials: true, // 允许携带 cookie
});

Vue.prototype.$axios = instance;

这样，你就可以在整个 Vue 项目中使用 `$axios` 来发送跨域请求，并携带 cookie。

例如，在某个组件中发送跨域请求：

// MyComponent.vue

export default {
  mounted() {
    this.$axios.get('/api/data')
      .then(response => {
        // 处理响应
      })
      .catch(error => {
        // 处理错误
      });
  },
}

需要注意的是，确保服务器端已经正确设置了跨域响应头，允许携带 cookie。参考前一个回答中的服务端设置部分。

通过以上配置，你应该可以在 Vue 中使用 axios 进行跨域请求并携带 cookie 了。