vue axios跨域请求

在Vue中使用axios进行跨域请求，你可以按照以下步骤操作：

1. 安装axios：在命令行中运行 `npm install axios`。

2. 创建一个API请求文件：在src目录下创建一个新的文件夹，比如 `api`，然后在该文件夹下创建一个名为 `index.js` 的文件。

3. 在 `index.js` 文件中导入axios并创建一个实例：

import axios from 'axios';

const instance = axios.create({
  baseURL: 'http://api.example.com', // 设置你的API请求的基本URL
  timeout: 5000, // 设置请求超时时间
});

export default instance;

4. 在你需要发送请求的组件中导入刚才创建的实例：

import api from '@/api/index.js';

// 然后使用api进行请求
api.get('/example')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

5. 处理跨域问题：在Vue的配置文件 `vue.config.js` 中进行跨域配置。如果没有该文件，请在项目根目录下创建一个。

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://api.example.com', // 设置你的API请求的基本URL
        changeOrigin: true,
        pathRewrite: {
          '^/api': '', // 如果你的API路径有前缀，可以在这里进行替换
        },
      },
    },
  },
};

以上配置将所有以 `/api` 开头的请求代理到 `http://api.example.com`，并解决跨域问题。

这样就可以在Vue项目中使用axios进行跨域请求了。请注意，实际的API URL和路径需要根据你的项目和后端API进行相应的调整。