van-image图片不显示问题

Posted 2023-05-10

参考技术A 在vue.config.js中配置configureWebpack

[GitHub]解决图片不显示问题

前言

使用GitHub的时候，发现部分用户头像加载失败，没有理会；
点击explore下的topic，全部图标都没有加载出来就很难受了。
搜索GitHub图片不显示，找到博客:解决Github网页上图片显示失败的问题，成功解决

步骤

1. 找到加载失败的图片网址：chrome按F12，然后ctrl+shift+c，选中图片，获取地址
2. 获取真实有效的IP地址：打开网址ipaddress.com，贴上之前获取到的地址的域名，然后回车会得到一个ip地址
3. 修改host文件：win 10 host文件位置（C:WindowsSystem32driversetc)，添加如下行

140.82.112.3			github.com
199.232.68.133			githubusercontent.com
199.232.68.133			raw.githubusercontent.com 

4. 刷新dns：cmd里输入ipconfig /flushdns

其他细节问题

图片地址：图一红色部分
域名：图一黄色高亮部分
IP地址：图二红色部分，绿色部分是域名，raw算是一个子域名，IP地址是一样的，建议在host里两个都加上