主要汇总了一下最近开发时碰到的一些问题,如 git bash 上传代码连不上服务导致超时、npm 镜像过期导致安装依赖失败、富文本编辑器文字显示异常等等,解决方法供大家参考一下,也欢迎大家指教一下,互相学习。
富文本编辑器显示问题
最近发现一个神奇的问题,富文本编辑器中保存的文字变了。
html
<!-- 管理后台编辑保存时状态 -->
<p>主战场。</p>
<!-- 新闻前端页渲染状态 -->
<p>主战常</p>
场。
合起来变成常
,没找到原因,估计是编码的问题。
希望有大神能帮忙找一下原因!!!!!
最终解决办法就是将文字分开,避免一起解析了,操作如下所示:
html
<p>主战场<span>。</span></p>
git bash上传代码报错
1. 问题分析
使用 Git Bash 上传同步代码时,一直报错,报错信息如下:
fatal: unable to access 'github.com/xxx/xxx.git...'
Failed to connect to github.com port 443 after 77120 ms: Couldn't connect to server
不知道为啥,突然变成这样了,网络切换、重启系统等各种方式都试了,还是一样
但是单独访问 github 地址及项目地址,是正常的
2. 问题排查
检查一下 Git 的远程 URL 是否配置正确
bash
# 执行命令,获取远程url地址
git remote -v
# 执行结果显示
origin https://github.com/xxx/demo.git (fetch)
origin https://github.com/xxx/demo.git (push)
# 1. 使用-u命令推送尝试
git push -u origin 5-comp-dev
# 2. 使用SSH方式访问,前提是确保已经配置了 SSH Key 并将其添加到 GitHub 帐户
# 修改你的本地仓库的远程地址为 SSH 地址
git remote set-url origin git@github.com:xxx/demo.git
# 3. 使用https地址访问
git remote set-url origin https://github.com/xxx/demo.git
3. 原因分析
网上查了好久,说是本地端口和 Git 的端口不一致导致
,需要将代理端口同步到 Git 端
而我使用了科学上网工具 Clash
,它的端口号为 7890
,如下图所示:

4. 解决办法
查看当前的 git 配置
bash
git config --global --get http.proxy
git config --global --get https.proxy
如果输出显示了代理信息,代表配置过 git 代理,可以先取消代理配置;没有显示的话代表没有配置
bash
git config --global --unset http.proxy
git config --global --unset https.proxy
然后修改 Git 配置
注意:端口号要对应好,我的是 7890,你的要自己看下
bash
git config --global http.proxy http://127.0.0.1:7890
git config --global https.proxy http://127.0.0.1:7890
最后,解决了这个问题,可以正常提交代码了,效果如下所示:

npm淘宝镜像过期
最近使用 npm 安装依赖时,突然报错了,报错如下所示:
npm ERR! request to registry.npm.taobao.org/react failed, reason: certificate has expired
其实报错信息已经明确提示我们了,证书过期了(certificate has expired)
,网上查了一下,才知道 2024年 1 月 22 日,淘宝原镜像域名(registry.npm.taobao.org)的 HTTPS 证书正式到期
,彻底不能用了。
因为外网访问比较慢,我们使用 npm 安装依赖时,配置了淘宝的镜像,如下所示的"旧版配置命令"
解决办法:切换到淘宝镜像的新域名https://registry.npmmirror.com
,如下所示"新版配置命令"
bash
# 旧版配置命令
npm config set registry https://registry.npm.taobao.org
# 清空缓存
npm cache clean --force
# 新版配置命令
npm config set registry https://registry.npmmirror.com
# 获取config registry配置
npm config get registry
# 当然也可以使用nrm命令查看所有的配置信息
nrm ls