vue怎么配置跨域

要在 Vue 中配置跨域，可以通过以下几个步骤实现：

1. 安装 `http-proxy-middleware` 库

该库是 Vue CLI 中默认使用的代理库，可以用来转发请求。

npm install http-proxy-middleware --save-dev

2. 在 `vue.config.js` 文件中配置代理

在 `vue.config.js` 文件中添加以下代码，设置代理转发规则：

const proxy = require('http-proxy-middleware');

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000', // 要访问的跨域域名
        changeOrigin: true, // 允许跨域
        pathRewrite: {
          '^/api': '/api' // 重写路径，去掉 /api 前缀
        }
      }
    }
  }
};

其中，`target` 是要访问的跨域域名，`changeOrigin` 设置为 `true` 表示允许跨域，`pathRewrite` 可以重写路径。

3. 在请求中使用代理

在需要跨域的请求前加上 `/api` 前缀即可，例如：

axios.get('/api/users')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.log(error);
  });

这样就可以实现 Vue 中的跨域配置。