LinkedIn徽章

Question

我目前正在为我的大学的一个教师网站。该学院希望建立一个校友门户，每个人都可以了解该学院的校友。由于工作地点可能经常变化，因此他们选择为每个校友显示LinkedIn徽章，因为他们肯定会更新自己的LinkedIn个人资料。但是，我遇到以下问题。我们已经收集了校友的所有LinkedIn链接，但是当我尝试将其嵌入页面时，我只看到一次实际的个人资料。在随后的页面重新加载中，所有徽章均无法加载，并显示999错误（请参阅附件）。这是什么原因？

upd：很抱歉没有添加代码。这是一个用于显示徽章的React代码段：

<Container>     
          {Object.keys(jsonData.list).map(batch => (
              <Row xs="4" style={{display: this.state.currentBatch == batch ? "flex" : "none"}}>
                {jsonData.list[batch]["USC"].map(link => (
                  <Col><div className="LI-profile-badge"  data-version="v1" data-size="medium" data-locale="en_EN" data-type="vertical" data-theme="light" data-vanity={link.replace("https://www.linkedin.com/in/", "").replace("/", "")}><a className="LI-simple-link" href={link.substring(0, link.length - 1) + "?trk=profile-badge"}></a></div></Col>
                ))}
              </Row>
          ))}         
</Container>

这是我的json文件的样子：

{
  "list": {
  "batch_1": {    
    "USC": [
      "https://www.linkedin.com/in/brianna-jordan-200b1430/",
"https://www.linkedin.com/in/christopherpruter/",
"https://www.linkedin.com/in/clarke-maddox-5b67368/", more links...