vue3 引入腾讯地图解决请求接口跨域问题

上一篇文章中写到使用 uniapp 如何解决跨域问题，那么在使用 Vue3 时，又该如何去处理呢？

一、在 index.html 中引入

<script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&key=自己申请的key"></script>

二、重写 jsonp

重写 jsonp，我们就不用在项目中安装 jsonp 了。

export const jsonp = function (url, data) {
  return new Promise((resolve, reject) => {
    // 1.初始化url
    let dataString = url.indexOf('?') === -1 ? '?' : '&'
    let callbackName = `jsonpCB_${Date.now()}`;
    url += `${dataString}callback=${callbackName}`
    if (data) {

      // 2.有请求参数，依次添加到url
      for (let k in data) {
        url += `&${k}=${data[k]}`
      }
    }

    let scriptNode = document.createElement('script');
    scriptNode.src = url;