面试题：Vue中如何配置Vue CLI的代理以解决跨域问题

Question

在Vue项目中，经常会遇到跨域问题。请阐述如何通过Vue CLI进行代理配置来解决跨域，写出具体的配置步骤和在`vue.config.js`中的关键代码。

Answer 1

配置步骤：

1. 在项目根目录下创建 vue.config.js 文件（如果没有的话）。
2. 进行代理配置。

vue.config.js关键代码：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://your-target-server', // 目标服务器地址
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

在上述代码中，/api 是自定义的前缀，发起请求时，如 /api/user，会被代理到 http://your-target-server/user 。changeOrigin 设置为 true 表示跨域，pathRewrite 用于重写路径，去除前缀 /api。 实际使用时将 http://your-target-server 替换为真实的目标服务器地址。