vue.config.js配置代理

Vue CLI中的`vue.config.js`文件是一个用于配置Vue应用程序环境变量、构建选项以及其他全局设置的JavaScript文件。关于代理，它主要是用来解决在开发环境中处理跨域请求的问题，当你的应用需要访问其他服务器提供的API时，可能会遇到同源策略限制。通过配置`devServer.proxy`属性，你可以将特定的URL路径代理到指定的目标地址。

例如，如果你想让所有以'/api/'开头的请求代理到'http://example.com/api/'，可以这样做：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://example.com', // 目标服务器地址
        changeOrigin: true, // 开启跨域
        ws: true, // 如果需要代理WebSocket，则开启此选项
      },
    },
  },
};

在这个配置中，当你在浏览器中发送一个GET请求到`http://localhost:8080/api/data`时，实际上会被转发到`http://example.com/data`。