Vue3调用高德天气跨域问题的解决

vue3调试时调用高德API获取天气，遇到了跨域。

本项目是vue3，更改vue.config.js

            '/weather': {
                port: 8080,
                target: 'https://restapi.amap.com/v3/weather',
                secure: false,  // 如果是https接口，需要配置这个参数
                changeOrigin: true,  //是否跨域
                pathRewrite: {
                    '^/weather': '/'
                }
            },

vue.config.js配置项如下：

调接口如下：

let url = "/weather/weatherInfo" +
    "?key=" + key +
    "&city=" + city +
    "&extensions=" + extensions +
    "&output=" + output;

结果如下：

参考自：

https://blog.csdn.net/weixin_40169609/article/details/120404984