【问题标题】:Open a HTML file in public folder in React project在 React 项目的公共文件夹中打开一个 HTML 文件
【发布时间】:2021-04-15 03:53:57
【问题描述】:

我在 reactJS 包的公共文件夹中创建了一个 HTML 文件(以 .html 结尾)。这是它目前的样子:

public/
    error/
         403.html
    index.html

我想使用以下 URL 引用新创建的文件:localhost:4321/error/403.html 这是我想添加到 AWS 云端以进行域测试的内容。我的问题是我们如何访问新创建的文件? 当localhost:4321被加载时,它会自动加载index.html,当localhost:4321/error/403.html被给出时,我想加载403.html文件。那可能吗?还是我必须查看其他选项,例如路线?

【问题讨论】:

  • 你签出this CRA example了吗? (假设您使用的是 Create React App)?由于您使用的是 CloudFront,因此您可以设置一个 S3 存储桶,其行为将静态文件或此特定文件指向它。

标签: html reactjs typescript amazon-web-services


【解决方案1】:

不,不要使用本地主机。这将导致一场噩梦。那是只有你开发的东西。如果您链接到 localhost,其他人将无法访问它。创建一个不在 localhost 上的文件,然后将其链接到那里。至于您的文件名问题,您应该在 url 中包含所有必要的部分。如果您使用项目以外的其他内容作为总体目录,例如:

project/
   public/
      error/
      403.html

那么你需要包含public/。如果它与index.html 位于同一目录中,则需要的更少 - 编写与索引相同的路径。

【讨论】:

    猜你喜欢
    • 2013-08-21
    • 1970-01-01
    • 2020-11-18
    • 2016-06-06
    • 2020-02-09
    • 2022-01-13
    • 1970-01-01
    • 2018-09-12
    • 1970-01-01
    相关资源
    最近更新 更多