踩坑笔记(五) 前后端分离项目下使用SignalR

写这个项目的时候踩了连环雷…坑的不行

环境

1. 前端：原生
2. 后端：Asp .net core 3.1

注意事项

1. 前端引入signalR库

• 使用cdn引入（具体cdn见链接）官方文档
• 在原生环境下 不要使用npm install @microsoft\signalr，因为node_module目录下的@microsoft\signalr对应的文件内的代码也是被引用进来的，根据报错来看原生html应该是不支持二次引入的，@microsoft\signalr对应的是@microsoft\signalr\dist\browser\index文件，如图

• 如果工程使用了webpack那可以试一下第二条的方式，可能webpack有一些配置吧…

2. CROS

• 后端需要设置指定源，AllowAnyOrigin是不可以的，同时还需要允许credentials

3. 最后确认两个方法名字（前端调用的后端方法，前端监听的后端调用的方法）是否一致，参数类型和列表是否一致