spa中引入百度地图api出现警告

spa中引入百度地图api出现警告

引入百度地图之后，页面出现黄色警告：

api?v=2.0&ak=dm65KD93tW9zmcZys9YvKIUj:1 A parser-blocking, cross site (i.e. different eTLD+1) script, http://api.map.baidu.com/getscript?v=2.0&ak=dm65KD93tW9zmcZys9YvKIUj&services=&t=20190123111209, 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.

• 在弱的网络连接环境下，比如2G网络，在页面上使用document.write()来动态插入外部的脚本会阻塞页面的解析，延迟页面的显示，甚至加载脚本失败，最终导致页面不能正确显示。
• 为了提高用户的体验，Chrome对于由document.write()动态插入的

  改为：在vue项目里面是index.html文件里面引入修改。