一、前端去对接外部
1.1 梳理开发对接流程
- 大概预览一遍对接文档,发现是需要引入外部提供给的js文件,然后再调用特定方法名通过jsonp的形式与外部联调。
- 因为调用特定方法需要提供域名给对方备案,这样才能权限调起接口。业务这边上报了几个域名给对方,但是问题来了,本地要这么联调呢?
1.2 准备工作
1.2.1 首先需要将本地的访问都修改伪装成报备的域名。那要怎么做呢?了解修改hots文件就可以实现,那么开始动手。
hosts文件相当于一个个人的DNS,当你访问某个域名时,是先通过hosts进行解析的,没有找到才进一步通过外网DNS服务器进行解析。
打开hots文件,添加解析。把本地访问指向后面报备的域名。(域名可以不用加协议,我这里报备的是https的域名)
二、Mixed Content的解决方案
解决:. 在index.html页面中加入(meta)头中添加upgrade-insecure-requests
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">