本文主要是介绍【图文并茂】ant design pro 如何注入第三方 js script 脚本加个客服功能,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
给我们的系统加个客服功能,如何做呢
一般第三方客服系统,你去注册账号创建项目后,都会提供 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); })();`,},],
src 指的是哪个 js 文件
里面的内容呢就到 content 就行了
完结。
- ant design pro 如何去保存颜色
- ant design pro v6 如何做好角色管理
- ant design 的 tree 如何作为角色中的权限选择之一
- ant design 的 tree 如何作为角色中的权限选择之二
- ant design pro access.ts 是如何控制多角色的权限的
- ant design pro 中用户的表单如何控制多个角色
- ant design pro 如何实现动态菜单带上 icon 的
- ant design pro 的表分层级如何处理
- ant design pro 如何处理权限管理
- ant design pro 技巧之自制复制到剪贴板组件
- ant design pro 技巧之实现列表页多标签
- 【图文并茂】ant design pro 如何对接登录接口
- 【图文并茂】ant design pro 如何对接后端个人信息接口
- 【图文并茂】ant design pro 如何给后端发送 json web token - 请求拦截器的使用
- 【图文并茂】ant design pro 如何使用 refresh token 可续期 token 来提高用户体验
- 【图文并茂】ant design pro 如何统一封装好 ProFormSelect 的查询请求
- 【图文并茂】ant design pro 如何优雅地实现查询列表功能
- 【图文并茂】ant design pro 如何优雅地把删除和批量删除功能合并到一起,并抽出来成为组件
- 【图文并茂】ant design pro v6 如何开启多标签功能
获取 ant design pro & nodejs & typescript 多角色权限动态菜单管理系统源码
我正在做的程序员赚钱副业 - Shopify 真实案例技术赚钱营销课视频教程
这篇关于【图文并茂】ant design pro 如何注入第三方 js script 脚本加个客服功能的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!