开发时，为了防止跨域问题，其实可以直接在vue中配置proxy代理。我使用的是vuecli4.1，在项目根目录下找到vue.config.js文件。2.配置devServer对象。配置如下：module.exports={publicPath:process.env.NODE_ENV==="production"?"./":"./",lintOnSave:false,productionSourceMap:false,css:{sourceMap:false},devServer:{disableHostCheck:true,//下面可以是proxy:{"/channel":{target:"http://192.168.0.10:8080",//接口地址changeOrigin:true,pathRewrite:{//"^/kuai":""}},},//不支持该方法//proxy:{//context:["/token","/channel","/common","/file","/callback"],//target:"http://10.0.98.105:8080",//changeOrigin:true,//secure:false//}},chainWebpack:config=>{},configureWebpack:config=>{if(process.env.NODE_ENV==="production"){返回{plugins:pluginList};}}};因为我发起请求的时候是request/所以默认是本地vue项目的启动地址。添加代理后，只要匹配到/channel，就会自动转发到代理地址。浏览器认为请求是本地的，所以不会出现跨域问题。
