问题标签 [static-html]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2526 浏览

git - Netlify 上的分支特定环境变量

我们对所有推送的 git 分支使用 Netlify 的自动部署。

我们希望仅包含主分支的分析脚本(等),即我们的用户正在访问的网站版本。

可以在 Netlify 上构建环境变量,但我不知道是否可以区分某些分支的变量?

0 投票
1 回答
2604 浏览

ajax - 从主机上的静态 HTML 页面调用 express (node.js) API

我有一个静态 HTML 页面,hello.html。如果我双击 hello.html,它会在我的默认浏览器中打开,并正确显示 HTML,但在浏览器的搜索栏中,显示的不是带有主机名的 URL,而是我的 hello.html 的本地文件路径计算机。

我使用 express (node.js) 在我的计算机上制作了一个简单的 express web 服务器。它设置为监听 8080 端口,并有一个简单的 GET api。(API 现在做一些简单的事情,比如调用 'ls')。我希望能够从我的静态 hello.html 调用该 GET API。在我的静态 HTML 页面中,我使用 jquery 对此 api 进行 ajax 调用,将其称为http://127.0.0.1:8080/myapi。一旦我启动快速服务器并加载页面,查看控制台日志,当我在浏览器中加载静态 HTML 页面时,对 myapi 的请求正在通过(ls 响应正在记录在控制台上),但是,jquery HTML 页面中的 ajax 始终执行错误函数,即使我将响应设置为 200。

我正在阅读很多关于为什么会发生这种情况的信息,并且阅读它可能是由于 CORS 问题。但是,在这种情况下,我无法在服务器端指定主机名,因为实际上并没有运行 Web 服务器,因此没有与我的静态 HTML 页面关联的实际主机名。

这甚至可能吗?(要在您的计算机上拥有一个没有运行 Web 服务器的静态 HTML 页面,使用 API 创建您自己的快速服务器,然后从静态网页调用这些 API?)

例子:

你好.html

myserver.js:

我通过提供“node myserver.js”来启动服务器,然后在浏览器中打开静态 HTML 页面。当它加载时,正在进行 API 调用,因为我看到了服务器端控制台输出,并且它正在成功。但是,回到静态 html 中,总是执行 ajax 调用的“错误”函数。

0 投票
1 回答
1069 浏览

github-pages - 将 Hugo 加载到 GitHub 页面

我正在尝试将 Hugo 主题上传到 Github 页面,但无法弄清楚我哪里出错了。我尝试了多个不同的站点和方法,但结果一片空白。这是我开始的https://gohugo.io/hosting-and-deployment/hosting-on-github/那里没有运气。尝试从 tangerine2003.github.io 访问该站点时出现 404 - file not found 错误

在我的本地主机上运行该站点每次都有效。有人可以查看下面的内容并告诉我我做错了什么吗?

https://github.com/tangerine2003/tangerine2003.github.io

0 投票
2 回答
1049 浏览

netlify - 使用 netlify 将没有扩展名的 html 页面(又名“漂亮的 url”)呈现为 html

我正在尝试使用 netlify 来托管一个静态站点。我正在使用构建站点,wget -mk http://hostname/因此我获得了大量静态文件,并重写了链接。

我想推动他们进行 netlify 并让该站点托管该站点。

以 .html 结尾的页面被视为 html 文件并正确显示。

具有类似“漂亮 url”的页面/about被视为文本文件,并显示 HTML 标记。

除非我添加重写,否则我无法真正重命名所有这些文件,因为有指向我想要保留的站点的外部链接。

我尝试设置一个_headers文件,但不清楚操作顺序是什么。这是一个示例_headers文件:

这将所有内容都视为文本/html。我可以删除最后一行,但漂亮的文件再次被视为文本。

是迭代所有文件并使用完整路径将它们标记为 html 的唯一解决方案,这将使_headers文件看起来像这样:

我查看了 netlify 文档并用谷歌搜索,但找不到任何有用的东西。

0 投票
2 回答
1140 浏览

apache - 没有 Git-Repo 的 Openshift Apache HTTP 服务器

我即将为我们的自动测试创建一个“测试仪表板”。一天的测试结果由多个静态html文件组成。这些文件将每天更新,旧文件将移动到以当前日期命名的文件夹中。这些文件存储在我的 Openshift-Project 内的持久存储中。

现在我想将此存储安装到正在运行的 Apache HTTP Server Pod 中以使结果可访问,但我只是找到文件位于 Git-Repo 中的解决方案。是否有可能创建一个不依赖于 Git-Repo 中的文件的解决方案?

0 投票
1 回答
2139 浏览

google-cloud-platform - 如何在我的谷歌云存储中为静态 html 内容的对象生成签名 url

如何在谷歌云存储上为我的存储桶中的对象生成签名 URL?

我有一个谷歌域并使用谷歌云存储将我的对象托管在存储桶中。我不需要使用应用程序引擎(以降低成本)。该站点将是静态的。如果我不使用应用程序引擎,有没有办法生成签名的 url?

0 投票
3 回答
9616 浏览

reactjs - 如何在静态 index.html 文件中使用 react-router BrowserRouter

我正在尝试使用由 npm run build 生成的静态 index.html 文件以及 react-router。tl;博士是; 我不想要客户端服务器,我希望通过打开位于构建文件夹中的 index.html 文件来加载应用程序,并且仍然让 BrowserRouter 能够在组件之间路由。目前,如果我在路由路径中排除“exact”道具,页面将加载“home”组件,这意味着它知道它在某个地方,我只是不知道如何配置路由器以知道“ C:/Users/Myself/Project/app/build/index.html' 等于 '/' 的路径,然后路由到每个组件。如果包含确切的道具,它只会加载标准的 404 组件。我应该如何配置 BrouserRouter 基本名称和/或 package.json “主页”

我不想做的事情: - 提供构建文件夹。- 配置 webpack - 可以从“ http://localhost:XXXX ”访问应用程序 - 更改为使用 HashRouter(我想访问 props.history.push)

在我看来,如果应用程序可以在不指定确切的情况下显示“home”组件,这意味着它可以在某些情况下到达它,而我只是没有指定正确的索引路径,即它在某个地方像 ../project/build/index.html/somewhere

我已经将 package.json 配置为 "homepage": ".",并指定 BrowserRouter basename={'/build'}

我的浏览器路由器:

我的 routes.js 文件:

我的 package.json:

我希望最终结果将 c:/users/myself/project/app/build/index.html 设置为等于 route 'home' ('/')。

我愿意接受这是不可能的,但如上所述,能够从不精确的路径访问它让我相信我可以让它准确并且只是弄乱了路由配置

0 投票
2 回答
2142 浏览

go - 如何在golang中使用杜松子酒服务两个静态站点?

我想创建一个将调用布尔函数的应用程序,并根据结果提供 2 个已编译的反应应用程序中的 1 个作为静态站点。

我正在使用 gin 推荐的 LoadHTMLGlob 函数,它适用于 .tmpl 文件,如他们文档中的示例。然而,当只为每个站点使用静态目录做静态 html 时,似乎没有任何进展。

文件结构:

去代码:

我希望当 isBetaUser 返回为真时,它应该在站点/新加载静态内容,否则加载站点/旧。

但是加载 glob 会产生: panic: read sites/new/static: is a directory 开始恐慌时。

单独加载 html 文件(上面注释掉)运行良好,但是当请求到来时它会出现以下情况:

我还在 c.HTML 中使用了 sites/[old||new]/index.html 字符串

0 投票
1 回答
1269 浏览

html - 如何使用 webpack 在静态 html 页面中导入静态资产?

问题背景

我有 webpack 用于将我的打字稿编译成 javascript。当我更改我的打字稿代码时,自动重新加载工作。但是,webpack 并没有看我的静态 html 文件。

问题是我需要在我的index.html和 webpack 中进行一些更改并不会自动检测这些更改。而且,如果我刷新 html 页面,它似乎会破坏 webpack 的 webpack-dev-server。

预期产出

我希望所有内容都在src文件夹中,并且当我运行时,我的文件夹webpack中有一个完全正常工作的静态站点dist。那是:

文件dist夹中的文件可能具有散列文件名。不过,我现在不担心这一步。我希望 webpack 会检查我的文件并确保它们链接到正确的资源。因此,如果 webpack 要给出style.css一个散列名称,href inindex.html将被更新。

电流输出

我当前的解决方案同时输出index.htmlbundle.js,但我无法将其复制style.cssdist文件夹中。我的当前webpack.config.js看起来像这样:

我的index.html样子是这样的:

我的index.ts包含:

我试过的

起初,我尝试将我的 css 的导入添加到我的index.ts

但这没有用。接下来我查看了 html-loader 文档,它似乎暗示了我正在寻找的内容: https://webpack.js.org/loaders/html-loader/ 但是,我已经读过这样的内联加载程序已被弃用,并且查看源代码似乎没有任何插值的配置选项。无论如何,我尝试按照文档中的描述进行操作,但它要么根本不起作用,要么给我一些关于require未找到的错误消息(尽管我似乎无法重现该错误)。我的index.html包含:

index.ts包含:

如何让 webpack 将我的移动style.css到 dist 文件夹?

我有预感我误解了 webpack 应该如何使用。当我有工作时,我可以在代码审查堆栈交换上发布我的 webpack 配置,以获得创建更惯用的 webpack 配置的帮助吗?

0 投票
0 回答
48 浏览

reactjs - 将(static-html)博客实现到 React Web 应用程序的最佳方法是什么?

我目前正在开发一个基于 React 的网络应用程序。Web 应用程序是一个 SPA,您可以在其中浏览不同的部分。

现在我想在我的 SPA 中实现一个博客作为附加部分。我不确定这里最好的方法是什么。我想就 SEO 而言,在客户端站点的浏览器中呈现博客(使用 React)是没有意义的。

因此,我的想法是为博客创建某种静态网站,可能基于 Netifly CMS 和 Gatsby,然后将这些静态网站作为导航栏中的一个部分注入到我的 SPA 中。

这有意义吗?或者有什么更好的方法?

为了更好地理解这里是网站 https://ibb.co/71mrsqJ的示意图