出于浏览器的同源策略限制。同源策略(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', }) }添加点击事件成功获取到数据