vueconfig.js 跨域的作用

`vue.config.js` 是 Vue CLI 项目的配置文件，其中有一个 `devServer` 选项可以用来配置开发服务器。其中一个常用的选项是 `proxy`，它可以用于处理跨域请求问题。

在开发过程中，前端代码一般是通过 `localhost` 或者本地 IP 地址来访问后端接口，但是这些接口往往不在同一个域名下，这就会导致跨域请求问题。而使用 `vue.config.js` 中的 `proxy` 选项可以将请求转发到后端接口所在的域名下，从而解决跨域请求问题。

举个例子，如果后端接口是在 `http://localhost:8080` 上运行的，而前端代码是在 `http://localhost:8081` 上运行的，那么可以在 `vue.config.js` 中添加如下代码：

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

这样，在前端代码中请求 `/api/user` 接口时，就会被转发到 `http://localhost:8080/user` 上面去，从而避免了跨域请求问题。