问题标签 [static-web-apps]

在设置 Azure 静态 Web 应用程序并使用 Github 工作流时，有时拉取请求构建会失败。错误是：

“此静态 Web 应用程序已经拥有最大数量的登台环境”。

以下是 Github Workflow 构建日志的摘录：

如何删除一些暂存环境以便构建/拉取请求可以完成？

背景： 我在 AWS Amplify 上托管一个静态网站。它是一个用 html 和 javascript 编写的单页应用程序。History API & routing 用于更改页面内容和浏览器导航栏中的 URL。

我正在尝试做的事情： 我想实现 Twitter 卡片。我需要在标题中有 html 元标记。

我尝试过的： 我的 index.html 页面中有包含空内容的元标记：

我有一些 jQuery/javascript 来根据路由更新上述内容：

我得到了什么： Twitter 验证卡告诉我该卡无效，因为找不到标题。

我不想要的东西： 我知道 Twitter 卡片的结构，并且我知道如何使用 PHP 构建的客户端-服务器应用程序来实现这一点。

我可以在 expo 应用程序中创建静态 Web 服务器吗？我知道我可以在 react-native 中做到这一点。我从这里知道的。

但我想了解世博管理的工作流程

一直在参考 murach 的 java servlet 和 jsp 书，有一行说 ->

只是想了解动态网页的情况是否完全不同？请求中是否不包含 HTML 文件名？

我在 AWS 上使用 Nuxt.js 主机的实际项目中遇到了问题。

由于某些政策，我无法公开托管我的 Nuxt.js 网站的 S3 存储桶。为避免这种情况，我使用 Cloudfront 提供对我网站的访问。在 Cloudfront 配置中，我设置index.html为默认根对象。现在，我可以通过链接访问我的网站主页和所有其他页面，但不能直接访问。我的意思是，如果我尝试访问https://xxx.cloudfront.net/about，我会收到拒绝访问，但如果我点击主页上的链接，我就可以访问该页面about。

你知道如何解决这个问题吗？

我正在尝试使用最新版本的 AWS CDK for typescript (1.128) 设置一个全新的管道。

管道的创建非常简单。我添加了源代码和构建阶段，没有任何问题。这里的目标是自动部署静态登录页面。

到目前为止，我有这段代码：

我不确定如何实现它的步骤是如何使用“landing_page”的输出部署到 S3。在以前版本的 Pipelines 中，大量使用了 Artifacts 对象和 CodePipelineActions，类似于 sourceOutput 是 Artifact 对象的情况：

现在完全不同了，因为您可以访问 FileSet 对象，并且显然构建步骤旨在用于嵌套输出，如上面的示例。每个输出文件都保存在具有难看文件名的存储桶中，因此也不打算直接访问它。

我已经看到一些 hacky 方法用 CodeBuildStep 替换 ShellStep 并在 buildspec.yml 文件中用作 postbuild 命令，如下所示：

但它是在构建阶段解决的，而不是在理想存在的部署阶段。

我在文档中没有看到任何有见地的东西，所以欢迎提出任何建议。谢谢！

我为我的下一个 JS 应用程序构建了一个静态网站，该应用程序使用 tailwind CSS 进行样式设置。我将静态用作 CDN。开发服务器（本地主机）中的网站运行良好。但是，在生产中，样式的某些部分似乎被破坏了（准确地说是页眉、页脚以及在暗/亮模式之间切换）。附上截图供参考。
本地服务器：

生产：

当我检查本地和生产环境中的相应元素时，HTML 结构和类名似乎没有区别，但是当我将鼠标悬停在生产中损坏的元素（本例中为导航项）上时，相应的元素没有突出显示。到目前为止，这是我能够找到的。以下是一些配置文件
next.config.js：

tailwind.config.css：

我该如何解决这个问题？谢谢。

我希望使用 S3 存储桶在 AWS 上托管一个静态网站。

我遵循了这些步骤。

该站点是一个带有子目录的常用目录：

我想让网站只对我们 VPC 内部的人开放。我将以下类型的策略附加到保存站点文件的存储桶（添加我的特定存储桶名称和 VPC id）：

我还设置了一个 VPC 终端节点，终端节点 ID 设置为aws:sourceVpce存储桶策略内部的值。

我按照这些步骤设置了 VPC 终端节点。

但是我仍然无法在我的浏览器上访问该站点（我假设因为我正在使用 AWS 知道我在 VPC 内部的同一浏览器访问 AWS 控制台）。

我正在尝试将 Blazor .NET6 应用程序部署到 Azure 静态 Web 应用程序。问题是当我设置它崩溃的构建时：

Error: Could not detect the language from repo.

我的部署配置：

还有我的项目结构：

我在路上搞砸了什么吗？

在许多教程中，他们除了这个设置之外什么也没做。指定 src 文件夹和 wwwroot。那么为什么它在我的情况下也不起作用？

我找不到任何关于如何将 Blazor Web 程序集应用程序作为静态站点部署到 GitLab Pages 的指南。有没有人设法为 .NET 6 做到这一点？

我创建了一个示例 Web 程序集 Blazor 客户端应用程序：

https://gitlab.com/sunnyatticsoftware/sasw-community/sasw-editor

创建这个简单的 Web 程序集的步骤是：

1. 安装 .NET 6 SDK
2. 创建回购并克隆它（例如sasw-editor：）
3. 使用 Web 程序集 Blazor 项目创建解决方案
4. 编译并运行它

这是在定义的端口上运行 blazor 应用程序的一种方式launchsettings.json

我阻止它。与红隼一起食用时效果很好。

现在，发布分发文件夹的过程是这样的

所有工件和文件现在都在publish文件夹下。所以，理论上，我可以用一个简单的网络服务器来提供这些东西。我安装了一个名为的基本 Web 服务器工具local-web-server（它需要 NodeJs/npm，但您可以使用任何其他 Web 服务器）

现在我导航到publish/wwwroot我所在的文件夹并在那里index.html启动 Web 服务器

如果我打开浏览器http://127.0.0.1:8000或以上任何其他 url，我可以看到我的 Blazor wasm 应用程序运行良好。

我想在 GitLab 页面中托管相同publish的文件夹，理论上，它能够提供静态文件。

所以我创建了一个.gitlab-ci.yml用于编译、发布和复制内容到 GitLab 页面的公共文件夹。

管道成功完成。我可以在文件夹中看到与本地完全相同的结构publish，这次是public在 GitLab 的文件夹下

但它无法呈现应用程序 https://sunnyatticsoftware.gitlab.io/-/sasw-community/sasw-editor/-/jobs/1846501612/artifacts/public/wwwroot/index.html

节目

我可以看到它正在尝试访问https://sunnyatticsoftware.gitlab.io/或https://sunnyatticsoftware.gitlab.io/favicon.ico返回404

将favicon.ico存在于https://sunnyatticsoftware.gitlab.io/-/sasw-community/sasw-editor/-/jobs/1846501612/artifacts/public/wwwroot/favicon.ico

所以一定是某种 URL 重写问题，对吧？

任何帮助将非常感激。