解决ie低版本浏览器引入ie-css3.htc无效或资源加载404问题。

公司项目需求兼容ie8 那么在ie8对c3的样式不是很友好,所以需要引入ie-css3.htc。

1.绝对路径的方法使用

在使用的过程中 发现网上说把htc写成绝对路径就可以成功找到所以我试了一下。
图一
如果要使用绝路路径,那么你的项目也是从文件夹打开的才可以,如果是用服务起项目就会404. 也就是浏览器地址F:\itemPackage\web_terminal\assets\page\index.html
弊端:如果使用绝路路径,在多人开发和线上不部署就会遇到目录变更,需要修改路径,比较麻烦

2.服务起前端项目404报错

当我用服务起项目时,因为起服务的文件目录与ie-css3.htc目录不一致,导致ie-css3.htc加载404。如下图
解决ie低版本浏览器引入ie-css3.htc无效或资源加载404问题。_第1张图片
我此刻的目录结构如下图
解决ie低版本浏览器引入ie-css3.htc无效或资源加载404问题。_第2张图片
到这里下小伙伴们是不是已经大概明白了呢?所以我把ie-css3.htc换成了相对于整个项目的性相对路径,如下图
解决ie低版本浏览器引入ie-css3.htc无效或资源加载404问题。_第3张图片
然后使用vs的服务起起来项目,在ie8测试是成功找到资源的,c3样式妥妥滴能用 如下图
解决ie低版本浏览器引入ie-css3.htc无效或资源加载404问题。_第4张图片
那么vs起项目用的是插件live server ,如下图
解决ie低版本浏览器引入ie-css3.htc无效或资源加载404问题。_第5张图片
启动项目只需如下图,这样浏览器就有ip和端口号啦
解决ie低版本浏览器引入ie-css3.htc无效或资源加载404问题。_第6张图片

3,nginx部署前端项目会不会又找不到文件

项目部署后会不会又找不到文件呢?于是我就用nginx部署测试了一下,还是可以正常运行的,如下图
解决ie低版本浏览器引入ie-css3.htc无效或资源加载404问题。_第7张图片
得到帮助的小伙伴记得转发收藏呦。
下次出nginx部署前端项目的教程。记得关注我哦。

你可能感兴趣的:(前端,css3)