1.报错

has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource
简而言之，不允许跨域

2. 代理处理

因为是纯前端代码，我们这里使用vscode插件Live Server代理并转发接口请求，从而绕过浏览器跨域问题，安装Live Server请点击这里。

  1. 打开配置Live Server
    在这里插入图片描述

  2. 配置本地服务Host
    默认host是127.0.0.1
    在这里插入图片描述

  3. 配置本地服务端口
    默认端口不改也没问题，如需修改点击【在 settings.json 中编辑】
    在这里插入图片描述
    按照实际需求配置端口号
    在这里插入图片描述

  4. 设置代理，这一步才是代理跨域处理！！！
    跨域enable的要设为true才能使用代理，然后识别需要代理的接口路径，并设置代理的地址。
    在这里插入图片描述
    在settings.json中也能看到配置的端口和代理
    在这里插入图片描述

  5. 起本地服务，只要你路径设置正确了就可以代理解决浏览器跨域问题了
    在这里插入图片描述

Logo
技术共进，成长同行——讯飞AI开发者社区

技术共进，成长同行——讯飞AI开发者社区

更多推荐

cover

智慧社区解决方案PPT(76页)

avatar 讯飞AI开发者社区

大数据领域数据架构的人工智能融合应用

随着企业数据规模以年均40%的速度爆炸式增长（Gartner, 2023），传统数据架构在处理多模态数据、支撑实时智能决策时面临效率瓶颈。如何通过AI实现数据治理的自动化与智能化机器学习如何优化数据存储与查询效率深度学习模型在实时数据流处理中的应用范式智能决策系统与数据中台的架构耦合机制背景部分定义核心概念与技术演进路径核心章节解析融合架构的技术组件与算法实现实战篇提供完整的端到端解决方案应用篇呈

avatar 讯飞AI开发者社区

JWT原理

例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。

avatar 讯飞AI开发者社区