首页 > 解决方案 > 在反应中分享网址的图标的动态变化

问题描述

我的应用程序有不同的公司,我拥有的每家公司都有不同的 url(动态子域)。因此,每次我分享公司的 url 时,它都会从后端数据库获取数据并替换 index.html 并相应地显示描述和标题,为此我使用此代码从服务器文件中提供我的静态构建。

app.get('*', function (request, response) {
    const companyurl = request.headers.host
    console.log(companyurl)
    var options = {
      method: 'GET',
      uri: `my_url`,
    }
    rp(options)
      .then(function (parsedBody) {
        const r = JSON.parse(parsedBody)
        fs.readFile(filePath, 'utf8', function (err, data) {
          if (err) {
            return console.log(err)
          }
          console.log(r.data.logoUrl, 'rrrrrrrr')
          data = data.replace(/\$OG_TITLE/g, `${_.get(r, 'data.companyname', 'Project Name')}`)
          data = data.replace(/\$OG_DESCRIPTION/g, `${_.get(r, 'data.companyname', 'Project Name')}dfffffff.`)
          data = data.replace(
            /\$FAV_ICON/g,
            r.data.logoUrl
          )
          console.log(data)
          response.send(data)
        })
      })
  })

在上面的代码中 OG_TITLE 和 OG_DESCTRIPTION 并被成功替换,但是每当我在 slack 上共享 URL 时,favicon 都不会改变。有人可以帮帮我吗。

标签: htmlnode.jsreactjsslack

解决方案


推荐阅读