写在前面:成功跨域的前提条件是:本地运行项目的端口需要和后台接口允许跨域的端口一致(这是教训血与泪)用vue+webpack跨域以代理为例:我的本地(localhost要请求的接口地址是https://baidu.com/bus/graph/b...)代理:{'/build':{target:'https://baidu.com/bus/graph',logLevel:'debug',//打印出本地发起的地址和运行时对应指向的地址changeOrigin:true,//允许跨域}},代理的key值为:'/build',用来匹配你本地请求的地址,即本地的localhost:8080会被替换成目标地址。如果你的本地请求地址是:localhost:8080/build,代理实际访问的地址是:https://baidu.com/bus/graph/b...那么你可以做如下修改:proxy:{'/build':{target:'https://baidu.com/bus/graph',logLevel:'debug',//打印出本地发起的地址和运行时对应指向的地址changeOrigin:true,//允许交叉-domainpathRewrite:{//重写本地发起的路径'^/graph':""}}},如果你本地请求的地址是:localhost:8080/graph/build,路径重写会改变你的地址发起到/graph/build==>/build,代理访问的实际地址为:https://baidu.com/bus/graph/b...pathRiwrite在不能只用的时候比较适用一个代理来切断路径并将其包括在内
