vuecli 跨域处理

Vue CLI提供了简单的方式来处理跨域请求。

在Vue CLI生成的项目中，开发环境下可以使用`vue.config.js`文件来配置代理服务器，以实现跨域请求。首先，需要在项目的根目录下创建一个名为`vue.config.js`的文件，然后在文件中添加以下内容：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://example.com', // 将请求代理到该目标地址
        changeOrigin: true, // 开启跨域
        pathRewrite: {
          '^/api': '' // 如果请求的 url 中包含 '/api'，需要将其替换为空字符串
        }
      }
    }
  }
}

上述配置会将以`/api`开头的请求代理到`http://example.com`这个目标地址。在实际开发中，可以根据项目的需求进行相应的修改。

修改完成后，需要重新启动开发服务器。然后，可以在Vue组件中使用`axios`或者`fetch`等工具，以`/api`开头的请求路径来发送跨域请求，请求将会被代理到目标地址上，并返回响应结果。

需要注意的是，上述配置只在开发环境下生效。在生产环境中，通常会使用Nginx或者Apache等服务器进行跨域处理，可以将配置添加到服务器的配置文件中。

总而言之，Vue CLI的跨域处理非常简单，只需要在`vue.config.js`中配置代理服务器即可。这样可以方便地开发前端项目，与后端进行交互。