vue解决跨域cors问题，针对vuecli4项目

cors的问题卡了一整天，本来也是初学者，对vuecli不够了解，网上找了一堆解决方案都没法用，怎么都找不到自己vue项目config文件夹，这才后知后觉自己用的是vuecli4，所以要在vue.config.js中配置代理，废话不多说上代码。

module.exports = {

  lintOnSave: false,
  devServer:{
    open:false,      // 是否打开浏览器;
    hotOnly:true,    // 是否热更新;
    disableHostCheck: true,
    proxy:{
        '/api':{   // 路径中有 /api 的请求都会走这个代理 
            target:'http://localhost:8081',    // 目标代理接口地址,实际跨域要访问的接口，记得是填你后端springboot的端口，
            secure:false,
            changeOrigin:true,  // 开启代理，在本地创建一个虚拟服务端
            ws:true,       // 是否启用  websockets;
            pathRewrite:{   // 去掉 路径中的  /api  的这一截
                '^/api':''
            }
        },
    
    },

}

 }

然后在前端中，我们使用的url中加入/api就行