React应用中如何通过Iframe访问本地静态HTML、CSS、JavaScript资源

方案1完全可以实现，无需使用方案2额外部署静态资源到Tomcat独立目录，具体操作如下：

• 静态资源存放：直接将你要展示的静态HTML、CSS、JavaScript文件放入src/main/resources/static目录即可，无需额外新建webapp文件夹。该目录是项目默认的静态资源托管目录，构建项目时目录下所有内容会被自动识别为可直接访问的静态资源。
• Iframe访问配置：假设你在resources/static下新建了custom-static文件夹，将静态页面的入口文件存放在custom-static/index.html，Iframe的url直接填写对应相对路径即可，参考代码如下：

<Iframe
  url="/custom-static/index.html"
  width='100%'
  height='830px'
  allowFullScreen
/>

• 适配说明：如果你的项目配置了服务上下文路径（比如访问根路径为https://your-domain/project-name/），只需要将url调整为/project-name/custom-static/index.html，或者直接使用相对路径./custom-static/index.html即可正常访问。

内容的提问来源于stack exchange，提问作者Tan