vue怎么动态配置跨域地址

在 Vue 中动态配置跨域地址可以通过在 `vue.config.js` 文件中添加 `devServer` 配置来实现。具体步骤如下：

1. 在项目根目录下创建 `vue.config.js` 文件（如果已存在则直接打开）。
2. 在 `vue.config.js` 文件中添加以下代码：

module.exports = {
  devServer: {
    proxy: {
      '/api': { // 需要跨域访问的地址
        target: 'http://localhost:3000', // 跨域的目标地址
        changeOrigin: true, // 开启跨域
        pathRewrite: {
          '^/api': '' // 替换掉地址中的 /api
        }
      }
    }
  }
}

上述代码中使用了 `proxy` 配置来实现跨域请求。其中，`target` 指定了跨域请求的目标地址，`changeOrigin` 表示是否开启跨域，`pathRewrite` 可以用来替换请求地址中的部分内容，这里将 `/api` 替换为空字符串。

3. 在前端代码中使用代理访问跨域地址，例如：

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

上述代码中的 `/api/users` 地址就是需要跨域访问的地址，通过代理访问时会被替换为 `http://localhost:3000/users`，从而实现跨域请求。