gulp通过http-proxy-middleware开启反向代理，实现跨域

原理同nginx开启代理，只不过写法不同，所以直接上代码：

1、gulpfile.js配置代理服务器

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':''}})]}});
})

2、服务器页面index.html

<!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>

3、这里要注意的是，这只是粗浅的了解了下这个插件的功能，具体怎么用还得多多研究，所以这里暂时只找到了一种路由转发的方法。配置里的return按理来说可以写数组，具体怎么写还不清楚。有兴趣的朋友可以看看。

4、参考

　　①https://www.jianshu.com/p/a248b146c55a；

　　②https://blog.csdn.net/weixin_33712987/article/details/87071757

转载于:https://www.cnblogs.com/helloNico/p/10688200.html

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/569537.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

java蓝桥杯 基础练习 芯片测试

java蓝桥杯 基础练习 芯片测试

问题描述有n&#xff08;2≤n≤20&#xff09;块芯片&#xff0c;有好有坏&#xff0c;已知好芯片比坏芯片多。每个芯片都能用来测试其他芯片。用好芯片测试其他芯片时&#xff0c;能正确给出被测试芯片是好还是坏。而用坏芯片测试其他芯片时&#xff0c;会随机给出好或是坏的测…
阅读更多...
java 蓝桥杯 基础练习 FJ的字符串

java 蓝桥杯 基础练习 FJ的字符串

问题描述FJ在沙盘上写了这样一些字符串&#xff1a;A1 “A”A2 “ABA”A3 “ABACABA”A4 “ABACABADABACABA”… …你能找出其中的规律并写所有的数列AN吗&#xff1f;输入格式仅有一个数&#xff1a;N ≤ 26。输出格式请输出相应的字符串AN&#xff0c;以一个换行符结束。…
阅读更多...
os模块操作文件

os模块操作文件

os模块&#xff1a; pathos.path.join(os.path.dirname(os.path.dirname(__file__)),images) path:运行脚本的当前文件下的上一个文件的地址images os.path.dirname(__file__) 脚本是以完整路径被运行的&#xff0c; 那么将输出该脚本所在的完整路径&#xff0c;比如&#xff1…
阅读更多...
java 蓝桥杯 基础练习 Sine之舞

java 蓝桥杯 基础练习 Sine之舞

问题描述最近FJ为他的奶牛们开设了数学分析课&#xff0c;FJ知道若要学好这门课&#xff0c;必须有一个好的三角函数基本功。所以他准备和奶牛们做一个“Sine之舞”的游戏&#xff0c;寓教于乐&#xff0c;提高奶牛们的计算能力。不妨设Ansin(1–sin(2sin(3–sin(4...sin(n))..…
阅读更多...
Nginx 快速搭建HTTP 文件服务器

Nginx 快速搭建HTTP 文件服务器

一&#xff1a;安装直接可以apt......二&#xff1a;配置文件位于&#xff1a;/etc/nginx/nginx.conf 可以修改处理器数量、日志路径、pid文件等&#xff0c;默认的日志位于/var/log/nginx/.....在nginx.conf文件的末尾有一句&#xff1a;inxclude /etc/nginx/conf.d/*.conf;…
阅读更多...
java 历届试题 合根植物

java 历届试题 合根植物

问题描述w星球的一个种植园&#xff0c;被分成 m * n 个小格子&#xff08;东西方向m行&#xff0c;南北方向n列&#xff09;。每个格子里种了一株合根植物。这种植物有个特点&#xff0c;它的根可能会沿着南北或东西方向伸展&#xff0c;从而与另一个格子的植物合成为一体。如…
阅读更多...
U66785 行列式求值

U66785 行列式求值

二更&#xff1a;把更多的行列式有关内容加了进来&#xff08;%%%%%Jelly Goat奆佬&#xff09; 题目描述 给你一个N(n≤10n\leq 10n≤10)阶行列式&#xff0c;请计算出它的值 输入输出格式 输入格式&#xff1a; 第一行有一个整数n 在以下n行中&#xff0c;每行有n个整数&…
阅读更多...
（软件工程）用例说明模板

（软件工程）用例说明模板

在画完用例图后&#xff0c;往往需要为图中的用例写用例说明&#xff0c;使得这些用例更加的清楚&#xff0c;流程更加完整 其中一种用例说明的模板如下&#xff1a; 用例编号&#xff1a;用例名称&#xff1a;&#xff08;跟用例图一致&#xff09;执行者&#xff1a;用例说明…
阅读更多...
蓝桥杯（java）基础练习 龟兔赛跑

蓝桥杯（java）基础练习 龟兔赛跑

问题描述话说这个世界上有各种各样的兔子和乌龟&#xff0c;但是研究发现&#xff0c;所有的兔子和乌龟都有一个共同的特点——喜欢赛跑。于是世界上各个角落都不断在发生着乌龟和兔子的比赛&#xff0c;小华对此很感兴趣&#xff0c;于是决定研究不同兔子和乌龟的赛跑。他发现…
阅读更多...
$.ajax的标准写法

$.ajax的标准写法

var baseurl "http://" //后台的url $.ajax({ url:baseurl"后台的接口", //请求的url地址 dataType:"json", //返回格式为json async:true,//请求是否异步&#xff0c;默认为异步&#xff0c;这也是ajax重要特性 data:{ //这里是…
阅读更多...
（软件项目管理）项目会议纪要模板

（软件项目管理）项目会议纪要模板

备注&#xff1a; 七: 1、报送&#xff1a;把整理好的会议的内容报给上级的相关部门。2、主送&#xff1a;把整理好的会议的内容发放给下级相关部门。3、抄送&#xff1a;把整理好的会议的内容送给相关的同级单位或不相隶属的单位。
阅读更多...
（软件测试）代码覆盖（语句覆盖，分支覆盖，条件覆盖，条件组合覆盖，路径覆盖）

（软件测试）代码覆盖（语句覆盖，分支覆盖，条件覆盖，条件组合覆盖，路径覆盖）

一、概念 语句覆盖/代码行覆盖&#xff1a;目标☞保证程序中每一条语句最少执行一次&#xff0c;其覆盖标准无法发现判定中逻辑运算的错误&#xff1b; 判定覆盖/分支覆盖&#xff1a;是指选择足够的测试用例&#xff0c;使得运行这些测试用例时&#xff0c;每个判定的所有可能…
阅读更多...
js 字符串，数组扩展

js 字符串，数组扩展

console.log(Array.prototype.sort)//ƒ substring() { [native code] }console.log(String.prototype.substring)//字符串扩展String.prototype.addstring function(){return this字符串扩展}console.log(ff.addstring())//ff字符串扩展转载于:https://www.cnblogs.com/whlBo…
阅读更多...
DecimalFormat 用法

DecimalFormat 用法

DecimalFormat含义用法 ①DecimalFormat 是 NumberFormat 的一个具体子类&#xff0c;用于格式化十进制数字。 ②该类设计有各种功能&#xff0c;使其能够分析和格式化任意语言环境中的数&#xff0c;包括对西方语言、阿拉伯语和印度语数字的支持。它还支持不同类型的数&#x…
阅读更多...
EVE-NG安装步骤

EVE-NG安装步骤

首先&#xff0c;需要EVE-NG客户端工具包 1、 1.1部分图 点击next 2、 保持默认全选&#xff0c;点击next 3、 点击install 4、选择I accept the agreement&#xff0c;点击next 5、下一步&#xff0c;继续点击next 6、选定安装位置&#xff0c;不清楚就默认C盘&#x…
阅读更多...
第三次实验

第三次实验

Part1: 验证性内容 在循环中使用控制语句continue和break&#xff0c; 其功能区别是什么&#xff1f; continue是停止当前语句的执行&#xff0c;回到第一条语句继续执行&#xff0c;而break是直接结束循环。 在两层嵌套循环中&#xff0c;内层循环中如果出现continue&#xf…
阅读更多...
vim命令杂烩（复制粘贴、建文件、撤销等）

vim命令杂烩（复制粘贴、建文件、撤销等）

vim 有底线命令&#xff0c;插入&#xff0c;命令方式&#xff0c;在进行复制、撤销等操作时&#xff0c;文件应处于命令方式&#xff0c; 若处于编辑模式&#xff0c;可点击ESC&#xff0c;再进行操作 一、撤销 点击 u , 撤销上一步 二、粘贴 p 三、复制 yy复制游标所…
阅读更多...
vim三种模式

vim三种模式

看到这个文章&#xff0c;觉得讲得很好 Vim和Vi一样具有三种模式&#xff1a;命令模式&#xff08;Command mode&#xff09;&#xff0c;插入模式&#xff08;Insert mode&#xff09;和底线命令模式&#xff08;Last line mode&#xff09;。 当用户处于不同模式的时候&…
阅读更多...
print的小白用法

print的小白用法

print的用法 print函数概述&#xff1a;print() 方法用于打印输出&#xff0c;是python中最常见的一个函数。 参数如下所示&#xff1a;print(*objects, sep , end\n, filesys.stdout) 参数的具体含义如下&#xff1a; objects --表示输出的对象。输出多个对象时&#xff0c;需…
阅读更多...
Linux shell 中$() ` `，${}，$[] $(())，[ ] (( )) [[ ]]作用与区别

Linux shell 中$() ` `，${}，$[] $(())，[ ] (( )) [[ ]]作用与区别

看到几篇博客&#xff0c;觉得写的不错 原文&#xff1a;https://blog.csdn.net/x1269778817/article/details/46535729 和http://blog.zol.com.cn/2322/article_2321763.html $()和 &#xff1a; 在 bash shell 中&#xff0c;$( ) 与 (反引号) 都是用来做命令替换用(c…
阅读更多...
最新文章

Copyright @ 2022~2023