html,js,css应⽤⽂件路径规则
web前端⼀般常⽤⽂件 .html .css .js。但是当⽤css⽂件和html引⼊资源（⽐如图⽚）时，路径可能不相同。下⾯总结了⼏条。
使⽤相对路径引⼊规则：
1. html或者js引⼊图⽚，按照html的⽬录来算
2. css引⼊图⽚，按照css的⽬录来计算。css和html和js怎么结合
那什么是html⽬录：
例如：请求回来的是html⽂件，那么html⽂件的⽬录就是/a/ ⽂件夹，如果此html有⼀段代码：
<link rel="stylesheet" href="css/aa.css">
那么，css⽂件的实际引⽤的路径为/a/css/aa.css
什么是css⽬录
简单说就是css⽂件的存放地址。这⼉是/a/css
接上⾯的地址，css⽂件（/a/css/aa.css）被引⽤后，它有⼀段代码background:url('img/cc.png').
那么cc.png的实际引⽤地址为/a/css/img/cc.png。
存在的问题：
如果使⽤前端路由并采⽤history模式，引⼊采⽤相对路径，则可能出现问题。当路由到达2级⽬录地址时⽐如：ip/1/2，此页⾯如果采⽤有相对路径的引⽤，就会失败。所有相对引⽤地址前都会被加上/1/这个⽬录地址。当你在此页⾯刷新时，bug就出来了。
ps: 这⼉所说的地址不是打包前的地址，是打包后真实的地址。往后⼀篇会根据此笔记要点，使⽤nginx + ⼀个端⼝，部署多个采⽤前端路由（history模式）单页应⽤。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。