На самом деле $web
- это специальный контейнер в хранилище общего назначения Azure V2, который является корневым путем, например www
для сервера Apache HTTP или wwwroot
для IIS для размещения всех статических папок и файлов. Все папки и их подпапки должны быть созданы в контейнере $web
. Вы можете увидеть его информацию на портале Azure, как показано на рисунке ниже.
![enter image description here](https://i.stack.imgur.com/nwgNs.png)
Вот мой пример создания двух папок a
& b
и их index.html
в контейнере $web
в Azure Storage Explorer.
![enter image description here](https://i.stack.imgur.com/YV2Jp.png)
Если получить доступ к моей основной конечной точке https://<account name>.z7.web.core.windows.net
, индексная веб-страница моего статического веб-сайта будет примером веб-страницы Angular, как показано ниже,
![enter image description here](https://i.stack.imgur.com/EmA70.png)
Затем, чтобы получить доступ к подпапкам a
и b
, как вы хотите, индексная страница этих подпапок, как показано ниже.
index.html папки a
<html>
<body>
<h2>A</h2>
</body>
</html>
![enter image description here](https://i.stack.imgur.com/dBhzx.png)
![enter image description here](https://i.stack.imgur.com/A9IaM.png)
Надеюсь, это поможет понять структуру статического веб-сайта в хранилище общего назначения Azure V2.
Обновление для вашего комментария:
Я обновляю свой a/index.html
файл и добавляю новый файл a/a.css
, коды которого указаны ниже.
а / 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.css
#test {
color: red;
}
Существует некоторое поведение вплоть до реализации браузера.
В: Какая разница между http://host/a
и http://host/a/
?
A: Чтобы получить к ним доступ в Chrome, два URL-адреса ответят одинаковым контентом с a/index.html
. Однако их базовые пути различны: /
для http://host/a
, но /a/
для http://host/a/
, что приведет к другому поведению при загрузке ресурса относительного пути a.css
, как показано на рисунках ниже.
Рис 1.
![enter image description here](https://i.stack.imgur.com/jRttc.png)
Рис 2.
![enter image description here](https://i.stack.imgur.com/m3JX3.png)