Vue 使用百度地图 API 出现 A parser-blocking, cross site (i.e. different eTLD+1) script 警告

Question

最近一个项目需要使用百度地图 API 拖拽选择位置，按照网上说的方法一步步编写代码，最后效果虽然实现了，但是控制台 Console 总是有一个警告：

A parser-blocking, cross site (i.e. different eTLD+1) script, http://api.map.baidu.com/getscript?v=2.0&ak=ijgE40u4uNApkNbD5At3tuueen1otweZ&services=&t=20190622163250, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details.

有强迫症的我绝对不允许这样的东西出现，必须把他消灭了，解决方法如下：

首先我们一般引入百度地图 API 的方式：

<script src="http://api.map.baidu.com/api?v=2.0&ak=ijgE40****en1otweZ"></script>

这里的地址需要改一下，也就是 api 改成 getscript 就可以了：

<script src="http://api.map.baidu.com/getscript?v=2.0&ak=ijgE4****1otweZ"></script>

其实就是页面渲染完成后使用了 document.write()，这是不被允许的。