本地html打开无法显示百度地图的界面

问题遇到的现象和发生背景

IP访问正常：http://127.0.0.1:8848/TestMap/BMapGl.html
保存到本地的文件无法打开：file:///C:/Users/baikai/Desktop/BMapGl.html



问题相关代码，请勿粘贴截图

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>地图</title>
        <script src="https://code.bdstatic.com/npm/jquery@1.12.4/dist/jquery.min.js"></script>
        <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=密钥省略先"></script>



运行结果及报错内容


安全错误：位于 file:///C:/Users/baikai/Desktop/BMapGl.html 的内容不可以载入来自 https://api.map.baidu.com/res/webgl/10/worker_wasm_kdg3xr.js 的数据。

img




我想要达到的结果

img

跨域了，接口报错了