gpt4 book ai didi

html - 静态 Azure 托管中的子文件夹

转载 作者:行者123 更新时间:2023-12-04 01:42:45 25 4
gpt4 key购买 nike

我想使用 Azure blob 文件存储来托管静态网站。

如果 html 页面位于 $web-storage 的根文件夹中,则效果很好。

但是,如果我将网页放入子文件夹中,相对链接(例如 css 文件)将不再起作用 - 因为它们被解释为基于根的链接

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

index.html 位于“subfolder1”

但不是

https://blablabla.web.core.windows.net/subfolder1/css

决定

https://blablabla.web.core.windows.net/css

这是 Azure 的错误还是我的 html 中的误解/错误?

最佳答案

实际上,$web是Azure通用存储V2上的一个特殊容器,其根路径如 www对于 Apache HTTP 服务器或 wwwroot让 IIS 托管所有静态文件夹和文件。所有文件夹及其子文件夹必须在 $web 中创建容器。您可以在Azure门户上看到其信息,如下图。

enter image description here

这是我创建两个文件夹的示例 a & b和他们的index.html$web Azure 存储资源管理器中的容器。

enter image description here

如果访问我的主要端点 https://<account name>.z7.web.core.windows.net ,我的静态网站的索引网页是一个 Angular 示例网页,如下所示,

enter image description here

然后,访问子文件夹 ab如您所愿,这些子文件夹的索引页如下。

文件夹 a 的index.html

<html>
<body>
<h2>A</h2>
</body>
</html>

enter image description here

enter image description here

希望它有助于理解Azure通用存储V2上的静态网站的结构。

<小时/>

更新您的评论:

我更新了我的a/index.html文件并添加一个新文件 a/a.css ,代码如下。

a/index.html

<html>
<head>
<link rel="stylesheet" type="text/css" href="a.css">
</head>
<body>
<h2>A</h2>
<span id='test'>Hello</span>
</body>
</html>

a/a.css

#test {
color: red;
}

有些行为取决于浏览器的实现。

问:http://host/a 之间有什么区别?和http://host/a/ ?答:要在 Chrome 中访问它们,这两个 url 将响应 a/index.html 中的相同内容。 。但是,它们的基本路径不同: /对于 http://host/a ,但是/a/对于 http://host/a/ ,这将导致加载相对路径资源 a.css 的不同行为,如下图。

图 1。

enter image description here

图2。

enter image description here

关于html - 静态 Azure 托管中的子文件夹,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56703196/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com