vue.config.js 如何配置跨域

可以在 `vue.config.js` 中配置跨域的方法有两种：

1. 使用 `devServer.proxy` 选项。比如：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://your.api.server.com',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

这样，当请求的 URL 以 `/api` 开头时，请求会被代理到 `http://your.api.server.com`，并且带上跨域相关的 header。

2. 使用 `axios` 和 `CORS`（Cross-Origin Resource Sharing）。比如：

const axios = require('axios')

module.exports = {
  devServer: {
    before(app) {
      app.get('/api/*', (req, res) => {
        let url = 'http://your.api.server.com' + req.url.replace('/api', '')
        axios.get(url)
          .then(response => {
            res.json(response.data)
          })
          .catch(error => {
            res.json(error.response.data)
          })
      })
    }
  }
}

这样，所有以 `/api` 开头的请求都会被代理到 `http://your.api.server.com`，并且可以避免 CORS 问题。