调用Google Scholar接口出现CORS跨域错误问题咨询

核心问题原因 #

• 你在请求头中添加的Access-Control-Allow-Origin等字段属于服务端响应头，是需要接口提供方在返回结果时配置的，客户端请求主动加这些字段没有任何作用，反而会触发浏览器发送OPTIONS预检请求，加重跨域校验逻辑
• Google Scholar本身没有开放面向第三方前端域名的直接调用权限，没有配置允许跨域的CORS规则，同时请求过程触发了重定向，而浏览器的CORS策略明确禁止预检请求跟随重定向，直接触发报错

可行解决方案 #

• 最通用的方案：后端代理中转请求
  前端不要直接向Google Scholar发送请求，而是把请求先发送到你自己的后端服务，由后端服务发起对Google Scholar的请求，拿到结果后再返回给前端。后端发起HTTP请求不受浏览器CORS策略限制，天然规避跨域问题。
  如果只是本地开发阶段测试，可以直接用前端开发工具自带的代理配置：比如Vue项目在vue.config.js中配置devServer proxy、React项目在package.json中添加proxy字段、Vite项目在vite.config.ts中配置server.proxy，把指定请求路径代理到Google Scholar地址即可绕过本地开发的跨域限制。
• 浏览器插件场景解决方案：如果你的代码是浏览器插件逻辑，可以直接在插件的manifest.json配置文件中声明Google Scholar相关域名的host权限，插件发起的请求不受普通页面CORS规则限制。
• 调用第三方封装接口：可以直接使用已经封装好的Google Scholar搜索服务接口，这类接口都提前做好了跨域适配，直接调用即可，仅需注意对应服务的调用额度限制即可。

内容的提问来源于stack exchange，提问作者invariant