跨域出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，...

跨域

出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）

在vue.config.js中配置

 devServer: {
        proxy: {
            '/search': {
                // 需要代理的url
                target: 'https://list.xxxx.com/search',
                changeOrigin: true,//开启跨域
                pathRewrite: {
                    '^/search': ''
                }
            }
        }
    }

网络请求

export function getHomeGoods() {
    return request({
        url: '/search',
    })

}

添加点击事件

成功获取到数据