[qiankun] devScripts.js: POST xhr_streaming?t=404 (Not Found) GET eventsource net::ERR_ABORTED 404 (

在尝试将enviroment umi3工程作为微应用接入主应用时,遇到启动报错,错误表现为POST和GET请求404。经过分析,可能是由于网络不通或者跨域问题导致。通过在.umi.ts文件中添加devServer的headers,设置'Access-Control-Allow-Origin':'*'和'Access-Control-Allow-Headers',解决了跨域问题,成功启动应用。
摘要由CSDN通过智能技术生成

enviroment

umi v3 工程作为微应用,启动主应用报错

devScripts.js:11874 POST http://localhost:8080/dev-server/633/50lodbqg/xhr_streaming?t=1606358562269 404 (Not Found)

dev-server/279/rky4ozdu/eventsource:1 GET http://localhost:8080/dev-server/279/rky4ozdu/eventsource net::ERR_ABORTED 404 (Not Found)

jsonp?c=_jp.aegwvbo:1 Uncaught SyntaxError: Unexpected token ‘<’

reason

官方文档和Google没有找到原因和相关记录
个人推测:看起来是网络不通,有点像socket层的报错,联系到vue作为微应用跨域报错问题,猜想可能是umi主页应用也需要允许跨域请求

resolution

.umi.ts中添加devServer的header头可以解决

devServer:{
    port: 8082, // 默认8000
    headers: {
    'Access-Control-Allow-Origin': '*',
    'Access-Control-Allow-Headers': 'Origin, X-Requested-With, Content-Type, Accept'
    },
},
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值