相信很多小伙伴,在做H5网站或者vue工程的时候,要调用后台接口。如果后台接口是在另外的机器上,或者是在域名不一样。网页会报跨域错误。
在这里有个简单的方法,介绍给大家,vue工程里面有一个文件manifest.json,里面有一段代码:
"h5" : {
"devServer" : {
"proxy" : {
"/carOwnerApiFront" : {
"target" : "http://xxxxxx.yyyyy.com",
"pathRewrite" : {
"^/prefix" : ""
}
}
}
},
},
这段代码的意思是,查找包含/carOwnerApiFront 的路径,以/carOwnerApiFront开头的路径才用代理。如果你访问http://localhost/carOwnerApiFront/getList 这样的路径,会动态替换成
http://xxxxxx.yyyyy.com/carOwnerApiFront/getList的路径。很神奇的。
pathRewrite中^/prefix的意思是代理后的路径如果包含/prefix,会把/prefix去掉。