在https的网站里访问http的静态资源

场景：出于安全思量，项目的前端访问地点由原来的http变为了https的地点。导致项目中的一些资源大概接口（本来在http的第三方服务器上）无法正常访问了。

办理题目思绪：
1、接洽服务提供商，让他们将资源换成https的。效果提供商不共同。。。。
2、自己设置署理。将资源哀求发送到自己的https的前端服务，通过署理转发到http的静态资源服务器上，然后将拿到的资源以https的情势返给欣赏器。
详细步调：
A 拿到后端返回的静态资源地点后，不要直接哀求，也不会哀求乐成，由于你前端是https的。

B 前端处理惩罚哀求地点，将拿到的地点去掉协议、域名、端标语后，举行哀求，如许会将哀求发送到你前端页面所在的服务器。改完的地点雷同如许  “/TDT/SdPubMap?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=sdimg2017&STYLE=default&TILEMATRIXSET=img2017&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&FORMAT=image%2png”
C 举行署理设置，给改完的地点恣意加一个“头”，雷同"/ditu"，改完之后就变成了如许，
/ditu/TDT/SdPubMap?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=sdimg2017&STYLE=default&TILEMATRIXSET=img2017&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&FORMAT=image%2png
在开发环境下，设置一下node署理服务器，如下：

2. "/ditu": {//地图服务
3.         target: `http://XXXXXXXXXXX`,
5.         changeOrigin: true,
7.         pathRewrite: {
8.           "^/ditu": "",
9.         },
10.       },

复制代码

摆设到生产环境，nginx举行署理设置，如下

颠末以上步调，你就乐成实现了从https的网站中访问到了http的静态资源。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。