gulp經過http-proxy-middleware開啓反向代理，實現跨域

時間 2020-05-30

標籤 gulp 經過 http proxy middleware 開啓反向代理實現欄目 JavaScript 简体版

原文原文鏈接

原理同nginx開啓代理，只不過寫法不一樣，因此直接上代碼：javascript

一、gulpfile.js配置代理服務器html

gulp.task("domain3",function(){ webServer.server({ root:"./crossDomainC", port: 8082, livereload: true, middleware:function(connect,opt){ return [ proxy("/api",{ target:"https://api.douban.com/", changeOrigin:true, pathRewrite:{//路徑重寫規則 
                        '^/api':'' } }) ] } }); })

二、服務器頁面index.htmljava

<!DOCTYPE html>
<html>
<head>
    <title>我是domain3</title>
</head>
<body>
    <p>我是domain3</p>
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
     //請求本地js模擬後臺數據
 $.ajax({ type: "get", url: "/api/v2/movie/in_theaters", dataType: "dataType", success: function (res) { console.log(res) } }); //請求本地js模擬後臺數據
 $.ajax({ type: "get", url: "/apis/index.js", dataType: "dataType", success: function (res) { console.log(res) } }); </script>
</html>