跨域解决方案-proxy反向代理解决跨域

---

前言

解决开发环境的跨域问题，可以在vue-cli脚手架环境下开发启动服务时，通过这个服务帮我们代理请求，解决跨域问题

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、proxy代理原理

二、使用

在vue-cli的配置文件即vue.config.js下的devServer节点配置proxy选项

代码如下（示例）：

proxy: {
      '/api': {
        target: 'www.baidu.com',// 跨域请求的地址
        changeOrigin: true, // 为true的情况下，开启跨域
        pathRewrite: {
        'api': '' // 路径重写:localhost:8080/api/login => www.baidu.com/login
      }
    }