Web前端文件参考规则

Web前端一般常用文件.html.css.js。但是在使用css文件和html导入资源（比如图片）时，路径可能不同。下面总结了一些。使用相对路径导入规则：html或js导入图片，按html目录计算，css导入图片，按css目录计算。什么是html目录：比如：http://ip/a/b请求返回一个html文件，那么html文件的目录就是/a/文件夹，如果这个html有一段代码：那么，css文件的实际引用路径是/a/css/aa.csscss目录是什么？简单的说就是css文件的存放地址。这里是/a/css连接到上面的地址。css文件（/a/css/aa.css）被引用后，有一段代码background:url('img/cc.png')。那么实际的cc.png的引用地址是/a/css/img/cc.png。存在问题：如果使用前端路由，使用history模式，引入相对路径，可能会出现问题。当路由到达二级目录地址时，例如：http://ip/1/2，如果该页面使用了相对路径的引用，就会失败。所有相对引用地址都将以/1/目录地址开头。当您刷新此页面时，错误就会出现。ps：这里说的地址不是打包前的地址，而是打包后的真实地址。下一篇我们将根据本篇笔记的要点，使用nginx+一个端口部署多个使用前端路由（history模式）的单页应用。