问题展示:
问题的情况:在Django中导入保存在本地的elementUI 相关css 文件时,网页的图标不会显示,但是其他样式可以照常显示。如下:
- 网络引入时:
- 本地引入时:
原因分析:
打开网页后可以按F12看看相关信息,点击Console会发现有文件报404的错误,即找不到该文件,从index.css文件中可以找到引用该文件的代码,element UI 的css文件里面对于图标的相关内容,还要引入其他文件。所以本地引入时除了需要下载css文件之外还要下载显示404的文件。
- Console中显示的内容:
- element UI 中的 index.css文件(部分内容):
解决方案:
-
首先查看网络引入时所发送的内容时,可以看到发送了一个“element-icons.woff”的请求,这个就是我们要下载的文件。
- 然后,查看该请求的网址,打开该网址就可以保存该文件了
- 也可以用其他的方式下载,例如,我使用的是Google Chrome 浏览器,双击上面的请求时就可以下载了。
温馨提示:
若是下载之后还是不行,可能是因为路径问题,像图中显示的一样,路径为“static/css/fonts”。所以要把文件放到对应的路径。