一、vs code处理地址路径方式
1. 使用相对路径
通常，最简单的方法是使用相对路径。相对路径是相对于当前 HTML 文件的位置的路径。
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./styles.css"> <!-- 相对路径 -->
<title>Document</title>
</head>
<body>
<script src="./script.js"></script> <!-- 相对路径 -->
</body>
</html>2. 使用绝对路径
如果你有一个文件结构并且想使用绝对路径，确保路径以 / 开头，它是相对于你的根目录。例如：
<link rel="stylesheet" href="/styles/style.css"> <!-- 绝对路径 -->3. 双斜杠问题
要注意在开发过程中避免多余的斜杠会导致路径错误。例如："./styles//main.css" 是不正确的，正确的是 ./styles/main.css。
二、live server可以正常运行的链接但是本地运行却不生效
修改路径，live server会自动处理路径方式，但是本地中不会自动处理，所以只能再次修改路径，按照绝对的路径再次修改。
扫一扫
1905
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
