【图文并茂】ant design pro 如何注入第三方 js script 脚本加个客服功能

程序员随风

于 2024-08-22 18:11:37 发布

阅读量539

点赞数 5

文章标签： javascript react.js 前端框架前端个人开发

本文链接：https://blog.csdn.net/weixin_39637597/article/details/141433805

版权

在这里插入图片描述

给我们的系统加个客服功能，如何做呢

一般第三方客服系统，你去注册账号创建项目后，都会提供 js 代码，给你注入到网站中

那么在 ant design pro 项目中如何注入呢

很简单啦

找到 config/config.ts 这个文件

在这里插入图片描述
大约代码是这样的：

 headScripts: [
    // 解决首次加载时白屏的问题
    { src: '/scripts/loading.js', async: true },
    {
      content: `
      window.$crisp=[];
      window.CRISP_WEBSITE_ID="xx-xx-xx-xx-xx";
      (function(){ 
        d=document; s=d.createElement("script"); 
        s.src="https://client.crisp.chat/l.js"; 
        s.async=1; 
        d.getElementsByTagName("head")[0].appendChild(s); 
      })();
    `,
    },
  ],