首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

将angular 9应用程序部署到Jboss 7重写URL为index.html

将 Angular 9 应用程序部署到 JBoss 7 并重写 URL 以指向 index.html 需要几个步骤。以下是详细的步骤:

1. 构建 Angular 应用程序

首先,确保你的 Angular 应用程序已经构建好。你可以使用 Angular CLI 进行构建:

代码语言:javascript
复制
ng build --prod

这将生成一个 dist 目录,其中包含构建后的应用程序文件。

2. 创建 JBoss 部署包

将构建后的 Angular 应用程序文件打包成一个 WAR 文件,以便部署到 JBoss 服务器。

创建 WAR 文件

你可以手动创建一个 WAR 文件,或者使用 Maven 或 Gradle 等构建工具。以下是手动创建 WAR 文件的步骤:

  1. 创建一个新的目录,例如 my-angular-app
  2. dist 目录中的所有文件复制到 my-angular-app 目录中。
  3. my-angular-app 目录中创建一个 WEB-INF 目录。
  4. WEB-INF 目录中创建一个 web.xml 文件,内容如下:
代码语言:javascript
复制
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
                             http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
         version="3.1">
    <display-name>My Angular App</display-name>
</web-app>
  1. 使用以下命令创建 WAR 文件:
代码语言:javascript
复制
jar -cvf my-angular-app.war -C my-angular-app/ .

3. 部署 WAR 文件到 JBoss 7

将生成的 WAR 文件部署到 JBoss 7 服务器。你可以通过 JBoss 管理控制台或将 WAR 文件复制到 JBoss 的 deployments 目录来完成部署。

通过 JBoss 管理控制台部署

  1. 打开 JBoss 管理控制台(通常是 http://localhost:9990)。
  2. 导航到 Deployments 部分。
  3. 点击 Add 按钮,选择生成的 WAR 文件并上传。

通过文件系统部署

将生成的 WAR 文件复制到 JBoss 的 deployments 目录(通常是 JBOSS_HOME/standalone/deployments)。

4. 配置 URL 重写

为了使所有 URL 请求都重写为 index.html,你需要在 JBoss 中配置 URL 重写。你可以使用 rewrite 模块来实现这一点。

安装 rewrite 模块

  1. 下载 rewrite-servlet 模块的 JAR 文件(例如 rewrite-servlet-3.4.1.Final.jar)。
  2. 将 JAR 文件复制到 JBoss 的 standalone/deployments 目录中。

配置 rewrite 模块

WEB-INF 目录中创建一个 rewrite.properties 文件,内容如下:

代码语言:javascript
复制
# 重写所有请求到 index.html
rewrite.rule=^/(.*)$ /index.html

WEB-INF 目录中创建一个 jboss-deployment-structure.xml 文件,内容如下:

代码语言:javascript
复制
<jboss-deployment-structure>
    <deployment>
        <dependencies>
            <module name="org.ocpsoft.rewrite" />
        </dependencies>
    </deployment>
</jboss-deployment-structure>

5. 验证部署

启动 JBoss 服务器并验证部署是否成功。你可以通过访问 http://localhost:8080/my-angular-app 来检查 Angular 应用程序是否正确加载,并确保所有 URL 请求都被重写为 index.html

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

javaee项目性能检测之JavaMelody

支持在以下应用服务器的部署以及监控:     servlet API在2.4以上     Tomcat 5.5 6 或者7     GlassFish v2或v3     JBoss 4,5,6,7     ...Jonas 4或5     Jetty 6或7     WebLogic 9,10,11   如果想要监控其他的服务器需要安装一些插件,详情阅读UserGuide   使用的浏览器最好是 Firefox...1 web应用:我这里提供了一个简单的样例,就是一个web工程,里面包含一个index.html   2 javamelody.war:这些文件都在google上面可以下载,但是考虑一些没有FQ的朋友...2 web.xml文件   如果你的servletAPI是3.0的,想tomcat7 glassfish v3 jboss6等等,那么就需要配置xml了。.../* 8  9 10     net.bull.javamelody.SessionListener

1.1K20

本地&远程访问一个EJB | 从开发角度看应用架构4

下面的清单显示了如果EJB打包并部署JAR文件,而不是EAR文件,则显示JNDI条目: INFO [org.jboss.as.ejb3.deployment] (MSC service thread...注意这个EJB类实现了HelloRemote接口的sayHello方法,并且注意标记这个类无状态EJB的@Stateless注解。 接下来,启动EAP: ?...接下来,通过运行以下命令来构建和部署EJBJBoss EAP: ? ? 查看EAP日志,hello-ejb-remote.jar已经被部署EAP中: ?...JBoss EAP要求EJB绑定在java:jboss / exported / *名称空间下,以允许外部客户端查找和调用EJB。 注意没有“导出的”JNDI绑定。...java.naming.provider.url属性设置值http-remoting://127.0.0.1:8080,如以下图例所示: ? 修改成: ? 接下来,编译并运行客户端: ? ?

1.3K20
  • Howdy,China!:构建JSF Web Application第一篇

    WEB-INF / lib和WEB-INF / classes的内容由JBoss Developer Studio或Maven您创建。...欢迎文件列表包括index.html(和其他)。 欢迎文件列表是在Web地址不包含文件名时尝试的文件名列表。...四、实验展示:创建JSF项目的方法 在JBoss Developer Studio中创建JSF2应用程序 幸运的是,JBoss Developer Studio可以非常简单地启动一个新的JSF Web应用程序...这可确保应用程序针对部署的相同库运行。 ? ? 五、实验展示:Howdy, China! 我们导入一个已经存在的maven项目: ?...创建一个简单的重定向页面:index.html,其中的URL=hello.jsf,就是指向上面的hello.xhtml ? 源码分析: hello.xhtml的代码的前台展示: ? ?

    1.2K20

    Servlet系列(一) Servlet理论+实践入门

    Tomcat部署web项目 i. 直接放在webapps目录下 项目访问路径和虚拟目录是一致的 简化部署项目打成war包,再将war包放在webapps目录下,war包会自动解压缩。 ii....概念 Servlet:服务器端小程序 狭义的Servlet是指Java语言实现的一个接口规范,广义的Servlet是指任何实现了这个Servlet接口的类,一般情况下,人们Servlet理解后者。...Servlet执行原理 Tomcat解析收到的请求,获取URL路径 根据web.xml文件,查看是否有对应映射的Servlet 如果有,找到全类名,并加载该类的字节码文件内存...IntelliJ IDEA集成Tomcat a. web项目的自动部署   IDEA每个web项目单独创建一份配置目录。...配置CATALINA_BASE等参数,配置文件重定向至IDEA创建的配置目录(见第三种配置方式)。在xml文件中,配置虚拟目录,以及映射docBaseIDEA的项目out目录等。

    39820

    JavaMelody应用监控使用指南

    支持在以下应用服务器的部署以及监控:     servlet API在2.4以上     Tomcat 5.5 6 或者7     GlassFish v2或v3     JBoss 4,5,6,7     ...Jonas 4或5     Jetty 6或7     WebLogic 9,10,11   如果想要监控其他的服务器需要安装一些插件,详情阅读UserGuide   使用的浏览器最好是 Firefox...1 web应用:我这里提供了一个简单的样例,就是一个web工程,里面包含一个index.html   2 javamelody.war:这些文件都在google上面可以下载,但是考虑一些没有FQ的朋友...2 web.xml文件   如果你的servletAPI是3.0的,想tomcat7 glassfish v3 jboss6等等,那么就需要配置xml了。.../* 8 9 10 net.bull.javamelody.SessionListener

    1.3K60

    提升OpenShift上的Java构建效率

    一个BuildConfig建立了Nexus镜像,基于Centos7,将被发布一个承上启下的ImageStream。部署BuildConfig后,触发一个内部构建。...在构建应用程序时,我们会注意,maven依赖项是从我们的nexus实例中提取的,而不是默认的公共Red Hat JBoss的存储库。...然后,我们运行我们的应用程序。 在这里,我们可以在设置MAVEN_MIRROR_URL之前和之后拥有构建的历史视图。...从版本2版本5,我们可以看到不使用Nexus进行正常构建所需的时间,平均需要1分13秒 Build#7引入了设置了MAVEN_MIRROR_URL的更改,但是由于这是设置环境变量之后的第一个构建,因此仍需要...6个ImageStreams,一个用于每个原始ImageStreams每Wildfly版本(的8,9和10),另一种每个经修饰的S2I助洗剂镜像Wildfly集成关系(8,9和10)。

    2.5K50

    8分钟你详解React、Angular、Vue三大框架

    Angular是由构建AngularJS的同一个团队从零开始重写的。...支持Angular Universal,可以在服务器上运行Angular应用程序。 版本9 Angular 9已于2020年2月6日发布。第9版在默认情况下使用Ivy编译器。...由于SPA只向用户提供一个基于URL的服务器响应(它通常服务于index.html或index.vue),因此通常情况下,某些屏幕作为书签或分享特定部分的链接是很困难的,甚至是不可能的。...但开源的 "vue-router "包提供了一个API来更新应用程序URL,支持返回按钮,并支持电子邮件密码重置或电子邮件验证链接的认证URL参数。...7、官方工具 Devtools - 用于调试Vue.js应用程序的浏览器devtools扩展。

    22.1K20

    怎样一个金箍圈(Pipeline),让至尊宝(Openshift)完成了孙悟空(DevOps)的蜕变

    最终部署生产中使用蓝绿色部署新版本的应用程序推送到Gogs时,可以配置要触发的pipeline。 pipeline与OpenShift Web控制台集成。...x.x-Buildnumber添加到构建的image 运行单元测试 运行代码覆盖测试 x.x标记添加到image 容器image保存到Nexus Docker注册表 使用蓝绿部署应用程序部署生产环境...然后,镜像在Tasks-Dev中通过dc进行部署,然后给新的镜像打label,最后镜像部署Tasks-Prod中: ?...部署配置公开服务(在端口8080上),service 配置route。 ConfigMap附加到dc。 下面是操作命令截图,不再一 一解释: ? ? ? ? ? ? ? ?...这意味着: 需要确定当前活动的应用程序版本(蓝色或绿色)。 需要使用JBoss EAP服务器配置更新正确的ConfigMap。 应用程序部署当前不活动的应用程序

    2.8K40

    通过Node.js完美解决Vue-Cli3.0上线时的二大痛点

    Vue CLI 新开发的应用程序提供了脚手架。 当然,这里标题所说的痛点并非是 Vue CLI 的缺点,而是通过Vue CLI 开发完工的项目,在放置于Node服务中之前,所需要考虑的两件事情!...因为我们一旦项目打完包并让其正式开工干活时,你会发现浏览器刷新时居然会找不到地址,没错!是找不到地址!这哪里还有俊的痕迹? ? 原因:URL 匹配不到任何静态资源。...解决方法:通过重写URL的方式对服务器进行配置,匹配不到的URL,全部指向app所依赖的页面:index.html。...",->index属性默认值指向index.html htmlAcceptHeaders: ['text/html', 'application/xhtml+xml'] })); app.use...",->index属性默认值指向index.html htmlAcceptHeaders: ['text/html', 'application/xhtml+xml'] } )

    1.3K70

    AngularDart4.0 指南 原

    指南 1.概述       本文档Angular的高级部分,如果你刚接触Angular,请先学习Angular。...指南 了解Angular的基础知识,如本地开发的 安装, 显示数据和接受用户输入,构建简单的表单, 应用程序服务注入组件中,以及使用Angular的模板语法。...运行应用程序     在WebStorm中:       在项目视图中,右键单击web / index.html。       选择运行'index.html'。      ...然后,要查看您的应用程序,请使用浏览器导航pub serve显示的URL。 重新载入应用程式 每当您更改应用程序时,请重新加载浏览器窗口。...7.阅读依赖注入,了解如何从小型单用途零件构建大型,可维护的应用程序。     8.扫描模板语法, AngularHTML模板的综合研究。

    2.7K20

    asp.net core前后端分离项目使用gitlab-ci持续集成IIS

    现在好多使用gitlab-ci的持续集成的教程,大部分都是发布linux系统上的,但是目前还是有很大一部分企业使用的都是windows系统使用IIS在部署.NET应用程序。...只要会写powershell脚本即可 这里配合IIS的话我们直接编译完的发布文件拷贝IIS的站点目录下即可。...asp.net core网站目录指向发布目录即可自动运行。 IIS配置angular前端环境。 由于angular是单页面前端项目,所以需要配置URL重写,否则页面刷新会出现404。...在IIS中安装URL重写功能,若没有,可以通过Web平台安装程序安装功能。 在angular项目的src目录下添加web.config文件,添加如下内容。...然后在前端项目根路径的angular.json文件中添加如下配置,web.config配置成在发布时复制过去。 在IIS添加网站配置好后,发布后的静态文件复制网站目录即可。

    48010

    后容器时代技术制高点:API管理平台3Scale的架构设计与部署

    这些移动应用开发大量支持API 提供移动应用程序和支持API的集中管理 五大金刚之三:在API管理系统的单点登录管理方面,引入的是Red Hat Single Sign-On(社区项目是:keycloak...二、3scale环境的部署 本次实验环境,首先在笔记本上部署virtualbox虚拟机,用户客户端操作;然后整套3Scale部署Openshift中:。...接下来,部署vert.x应用: ? 同样,service创建边界路由: ?...我们可以通过配置基于主机的路由来执行此操作,从远程客户端单个APIcast网关的入站流量使用不同的URL。 根据这些网址,您的APIcast网关路由相应的应用。...注意生成的api key:f29950b33d4b4c7d1d07a7194b9b7d69 ? 发布app plan: ?

    4.5K30

    微服务架构之Spring Boot(三十三)

    28.1.1 Spring MVC自动配置 Spring BootSpring MVC提供了自动配置,适用于大多数应用程序。...例如,所有资源重新定位 /resources/** 可以实现如下: spring.mvc.static-path-pattern=/resources/** 您还可以使用 spring.resources.static-locations...如果使用JBoss,则需要声明 webjars-locator-jboss-vfs 依赖项而不是 webjars-locator-core 。否则,所有Webjars都将解 析 404 。...要使用缓存清除,以下配置会为所有静态资源配置缓存清除解决方案,从而在URL中有效添加内容哈希(例 如 <link href="/css/spring-2a2d595e6ed<em>9</em>a0b24f027f2b63b134d6...它首先在配置的静态内容位置中查找 <em>index.html</em> 文件。如果找不到,则会查找 index 模板。如果 找到任何一个,它将自动用作<em>应用程序</em>的欢迎页面。

    1.5K20
    领券