<link rel="stylesheet" href="./layui/css/layui.css"> "."代表谁

Question

最简单的mvc框架中html文件中引入css文件，在浏览器地址栏输入localhost:8080/content/index,其中的href值中的"."，浏览器解析为
GET http://localhost:8080/content/layui/css/layui.css 404 (Not Found)

如何让浏览器解析.的时候忽略content

Answer 1

当前目录位置。
推荐查询 前端之绝对路径与相对路径 - 简书

Answer 2

你这个，得看你用的什么框架了，不同的框架，有不同的隐藏规则，也可以走路由等。

Answer 3

. 代表的是当前目录

你访问的时候使用localhost:8080/content/index.html 你在html文件里面的所有相对路径都是基于这个首页的位置计算的，所以 "./layui/css/layui.css" 的相对路径就只指向了 localhost:8080/content/layui/css/layui.css 这个位置

如果你在框架的控制范围内使用了一些相对地址，这些可能会被框架处理，处理的规则依赖框架本身，一般框架都会具体详细介绍。
比如： vue的脚手架项目中，如果你在.vue文件中使用img的src引用一个相对路径资源，最终都会被vue-loader工具处理成最后正确的地址然后输出到html文件中
比如：
从vue-loader的官方文档就能找到相关的处理细节，
https://vue-loader.vuejs.org/...

Answer 4

<base href="http://localhost:8080/"/>

Answer 5

<link rel="stylesheet" href="/layui/css/layui.css">

Answer 6

开发中，尽量要避免相对路径。
建议使用这种方式

<link rel="stylesheet" href="/layui/css/layui.css">