克隆Moralis的React dapp项目启动时报跨域错误该如何解决?
报错原因排查与解决步骤
- 检查Moralis后台的请求来源白名单配置
登录你的Moralis控制台,找到对应项目的服务器设置,在「Web3 API Settings」和「Server Settings」的允许域名列表中添加你本地启动的地址(默认是http://localhost:3000,如果改了端口就填对应地址),配置后需要重启Moralis服务器再重试。 - 校验.env文件的变量格式与名称
该项目要求环境变量必须带REACT_APP_前缀才能被React识别,正确的变量名应为REACT_APP_MORALIS_APP_ID和REACT_APP_MORALIS_SERVER_URL,确认你填写的变量名没有写错、值前后没有多余空格或引号。 - 确认Moralis服务器版本兼容性
你克隆的开源项目仅适配Moralis v1版本服务器,如果你在Moralis后台创建的是v2版本服务器会出现不兼容报错,需要重新创建v1版本服务器后更新.env中的对应值。 - 重新安装兼容版本依赖
删除项目根目录下的node_modules文件夹和package-lock.json文件,执行npm install --legacy-peer-deps安装适配版本的依赖,避免版本不匹配问题。 - 禁用浏览器代理/广告拦截插件
部分代理插件、广告拦截插件会篡改前端请求导致跨域报错,暂时禁用所有插件后重试即可。
内容的提问来源于stack exchange,提问作者Facu Bozzi
相关产品推荐
相关产品推荐

