uniapp 引入腾讯地图解决H5端接口跨域问题

什么原因会出现跨域问题呢？我们常常说的跨域，只会出现在浏览器中，因为浏览器同源策略的限制而导致的。同源策略是浏览器最核心也是最基本的安全功能，它会阻止一个域的 javascript 脚本和另一个域的内容进行交互，当双方的 url 不同源（协议、域名、端口三者之一不同）时，就会出现跨域问题。

那么我们在 uniapp 中引入腾讯地图后，当需要请求其中的接口时，如果在微信开发者工具中运行，那么是可以正常请求到的；但当我们需要运行在 H5 端进行调试时，浏览器会出现跨域问题，那么我们如何解决呢？

1. 安装 vue-jsonp

npm install --save vue-jsonp

2. 在 main.js 中使用

import { VueJsonp } from 'vue-jsonp';
Vue.use(VueJsonp);

3. 在需要的组件中使用

methods: {
    xxx() {
        var url = 'https://apis.map.qq.com/ws/...';
        this.$jsonp(url, {