个人中心
gpt4 book ai didi

java - Spring boot 不提供静态内容(angular-cli)以在 tomcat 上提供应用程序

转载 作者：行者123 更新时间：2023-11-28 23:14:28 26 4
gpt4 key购买 nike

我正在努力解决 spring-boot 无法在 8080 上提供前端文件(通过角度创建)的问题。我运行了 ng build将 .ts ng 组件文件转换为 .js 并在 outputPath:/resource/static 文件夹中生成(我在 angular.json 文件中设置了 outputPath)。创建了一个 Controller 来提供来自资源/静态的内容。 

    @Controller
    public class AppController {
        @GetMapping("/")
        public String index() {
            return "index";
        }
     }

主类(src/mainjava/webapp/app):

@Configuration
@EnableAutoConfiguration
@ComponentScan({"webapp"})
public class Application extends WebMvcAutoConfiguration {

    public static void main(String[] args) {
    SpringApplication app = new SpringApplication(Application.class);
    app.run(args);
}
}

冉 ng build --base-href .生成如下图所示的文件。

索引.html :

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Welcome app</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <app-root></app-root>
<script type="text/javascript" src="runtime.js"></script><script type="text/javascript" src="polyfills.js"></script><script type="text/javascript" src="styles.js"></script><script type="text/javascript" src="vendor.js"></script><script type="text/javascript" src="main.js"></script></body>
</html>

注意:这是一个gradle项目，前端代码位于:src/main/java/webapp/frontend dir

/resources 中的 Application.yml

server:
  servlet:
    context-path: /
  port: 8080

在 tomcat 启动时:

Mapped URL path [/webjars/**] onto handler of type [class org.springframework.web.servlet.resource.ResourceHttpRequestHandler]
2018-09-13 12:45:34.372  INFO 96027 --- [           main] o.s.w.s.handler.SimpleUrlHandlerMapping  : Mapped URL path [/**] onto handler of type [class org.springframework.web.servlet.resource.ResourceHttpRequestHandler]
2018-09-13 12:45:34.384  INFO 96027 --- [           main] .m.m.a.ExceptionHandlerExceptionResolver : Detected @ExceptionHandler methods in exceptionHandle
2018-09-13 12:45:34.405  INFO 96027 --- [           main] o.s.b.a.w.s.WelcomePageHandlerMapping    : Adding welcome page: class path resource [static/index.html]
2018-09-13 12:45:34.566  INFO 96027 --- [           main] o.s.j.e.a.AnnotationMBeanExporter        : Registering beans for JMX exposure on startup
2018-09-13 12:45:34.568  INFO 96027 --- [           main] o.s.j.e.a.AnnotationMBeanExporter        : Bean with name 'dataSource' has been autodetected for JMX exposure
2018-09-13 12:45:34.575  INFO 96027 --- [           main] o.s.j.e.a.AnnotationMBeanExporter        : Located MBean 'dataSource': registering with JMX server as MBean [com.zaxxer.hikari:name=dataSource,type=HikariDataSource]
2018-09-13 12:45:34.620  INFO 96027 --- [           main] o.s.b.w.embedded.tomcat.TomcatWebServer  : Tomcat started on port(s): 8080 (http) with context path ''

我什至尝试在/resources 下添加 html 文件以查看 tomcat 是否提供此文件夹中的任何内容。我也无法访问 page1.html，所以不确定当 tomcat 启动并运行时它无法提供的 angular/ng 内容会有何不同。

resources/static

我是否需要任何其他配置才能让 spring-boot 提供角度前端代码？任何建议表示赞赏。

@DavidT 回答你的问题:

  • 是的build.gradle:compile('org.springframework.boot:spring-boot-starter-web:2.0.2.RELEASE')

  • 此处的静态内容:我的项目/我的项目-web/src/main/resources/static/

  • 由于 spring-boot 没有从路径中选择角度静态内容，我建议添加 Controller 的引用在线资源专门为它服务。 [我有 3 个 ng 组件可访问-登录:http://localhost:4200/ ,家: http://localhost:4200/home ,销售: http://localhost:4200/sale .但要访问 tomcat 端口，我想将文件置于静态下；休息angular 将负责路由。]

  • 运行时 ng build从 frotnend 目录，在 frontend/src 目录下生成角度文件。我可以手动复制，手动粘贴以放入静态文件夹或更改 outputPath指向 angular.json 中的 resources/static ，它直接把它放在那里运行 ng build cmd。精确的以上资源/静态截图中的文件。

  • 我没有使用 javascript 控制台，但使用浏览器打开 index.html来自 IntellijIdea 的选项，在网页上检查我看到错误-

Refused to execute script from '' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

替换 <script type to "text/html"从检查中删除了这些错误，但在 http://localhost:8080/ 上仍然没有 UI .

奇怪的是，当我将该演示项目中的相同 index.html 文件粘贴到我的静态文件夹中时，浏览到 http://localhost:8080 时它没有显示任何内容。 .但是注意到当从 IntellijIdea 中的浏览器选项打开这个文件时(浏览器中的这个 URI:http://localhost:63342/MY-PROJ/MY-PROJ-WEB-main/static/index.html，然后它显示内容

是<base href="/">问题或脚本标签？

最佳答案

成功的步骤并不像上面的链接那样复杂:

  1. 前往https://start.spring.io/
  2. 选择了一个gradle项目
  3. 添加了网络依赖
  4. 下载并取消存档结果(未更改 demo 的名称)
  5. 创建:demo/src/main/resources/static/index.html，内容如下:
    <html><body>YOU ARE IN!</body></html>
  6. 在 demo 目录中执行以下命令以运行您的应用程序:./gradlew bootRun
  7. 打开浏览器并转到 http://localhost:8080/

您现在已经证明将某些内容放入 MY PROJECT/src/main/resources/static/ 将生成您的 HTML 文件的内容。

所以我有以下问题:

  • 您是否使用 compile('org.springframework.boot:spring-boot-starter-web') 之类的方法将 SpringMVC 添加到您的 spring boot 项目中？

    <

  • 您是否将静态内容放入 MY PROJECT/src/main/resources/static/？

  • 如果为您提供了 Controller ，为什么还需要 Controller 来提供静态内容？尤其是映射到 /?
    • 的那个
  • 是否将 *.html 文件放入 MY PROJECT/src/main/resources/static/ 中？
  • javascript 控制台显示什么？ runtime.js 找到了吗？

请参阅添加主页部分中的 https://spring.io/guides/gs/serving-web-content/

请参阅 https://stackoverflow.com/questions/24661289/spring-boot-not-serving-static-content 内容了解不该做什么(以及为什么)的其他想法。

这最初发布在 https://www.quora.com/How-can-spring-boot-serve-angular-static-files/answer/David-Talalayevsky

关于java - Spring boot 不提供静态内容(angular-cli)以在 tomcat 上提供应用程序，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52227378/

26 4 0
文章推荐： java - 如何访问tomcat自定义阀中的用户主体
文章推荐： mysql - mysql如何删除多个表中同一列？
文章推荐： javascript - 我的部分 js 脚本在我的 ejs 文件中不起作用
文章推荐： iphone - 关闭和呈现 modalviewcontrollers
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com