vue配置代理

在Vue项目中配置代理，可以通过以下步骤完成：

1. 打开Vue项目的根目录，找到config/index.js文件（如果没有该文件，需要手动创建）。

2. 在index.js文件中找到devServer对象（如果没有该对象，需要手动创建）。

3. 在devServer对象中添加proxy属性，该属性用于配置代理。

4. 根据实际需求，设置代理规则。例如，如果需要将所有以/api开头的请求都代理到http://example.com/api，可以按照以下方式配置：

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

上述配置中，/api表示需要代理的路径前缀，target表示目标地址，changeOrigin表示是否改变请求头中的Origin，pathRewrite表示路径重写。

5. 根据实际需求，可以添加更多的代理规则。例如，如果还需要将所有以/other开头的请求都代理到http://example.com/other，可以按照以下方式添加代理规则：

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

6. 配置完成后，保存文件并重新启动Vue开发服务器。现在，所有符合代理规则的请求都会被代理到指定的目标地址。