如何用Tomcat部署前端静态文件

在项目开发的过程中,一些公司经常是前后台分开的,并不是所有的前端文件都在后台项目中,尤其是互联网公司。这时候就需要后端人员单独运行前端文件。怎么用Tomcat部署运行前端静态文件呢?

工具/原料

  • Tomcat

方法/步骤

  1. 可以把文件直接放到webapps下面。当只是运行一个项目的时候,这种方法还好,但是当你涉及到两个以上项目的时候,就麻烦了。设定虚拟目录的方法,下面详细介绍。

  2.  

    配置虚拟目录也有两种方法,直接介绍我现在用的这种,直接在servler.xml里修改,毕竟经过了实践可用的,首先找到Tomcat下的conf文件夹下的server.xml

  3.  

    通过习惯用的编辑器打开server.xml,可以看到Host标签,默认就有一个,一个Host代表一个站点,找到Host结束标签,我们在这里配置虚拟路径

  4.  

    在</Host>的上面添加<Context path="" docBase="" reloadable="" debug="" crossContext=""/>,这里属性值都没有填写,下面填写属性值。

    要填写属性值,我们要知道什么意思,对待知识就得不甚解。所以我这步没有直接填东西,填完你可能就直接似懂非懂的去用了。

  5.  

    Context指上下文,相信当你看到这步的时候,你一定没少接触过这个词。不赘述

    path指虚拟目录,与浏览器访问的路径相关,如果直接是path="/",访问就是http://localhost:8080/XX.jsp,如果为空串,也是一样,如果加了项目名,访问路径也要加,如path="/home",访问就是http://localhost:8080/home/XX.jsp

    docBase指实际存在路径,一般在硬盘里。如果我们的文件home直接放在了E盘下,那docBase=“E:\home”

    reloadable指有文件更新时,是否重新加载,一般设置为true,设置为true后,不需重新启动,就能验证我们的改动,不过修改了java文件后,可以重新编译需要一小会,在IDE下的控制台里可以看见输出,一般没有输出滚动出来的时候,就可以了。这三个一般经常设置。

  6. 6

    debug指等级,一般设置为debug=“0”,提供最少的信息。设不设置无大影响。

    crossContext指是否可以互相使用上下文环境。这个我也是查了很久,一般不使用。网上搜到一个两个应用共享session的,有兴趣的同学可以看下

    -------------------------------------------------------------------------------------------------------------

    后期可以考虑用NGINX做负载均衡

原文地址:https://www.cnblogs.com/dzcWeb/p/9504793.html

时间: 2024-10-11 02:38:59

如何用Tomcat部署前端静态文件的相关文章

VUE打包好的文件部署让beego实现静态文件访问,如何用根目录来访问静态文件?

最近的一个全栈项目,光伏云监控系统,后端使用beego框架,纯api,前端使用VUE2.0.项目地址:http://scada.ssechina.com:88/static 我把打包好的前端文件放到go的static目录, 然后main里面设置 beego.BConfig.WebConfig.StaticDir["/static"] = "static"只能用ip/static/login.html来访问 如果改成beego.BConfig.WebConfig.St

前端静态文件如何应对HTTPS的到来

近几年,越来越多的网站开始支持https,我们可以看到国外的比如github.谷歌.facebook:国内的有百度.淘宝.博客园.coding.net.worktile等一系列的网站. 我再最近的开发中,涉及到了一部分.我再页面中加入广告的代码,但是业务线的同事激动的告诉我他们要全站支持HTTPS,这对于我来说既兴奋又紧张,我当然对新技术充满好奇,但是我从来没有这方面的经验,为此我仔细的调查并找运维大神们问了一圈,我简单整理了一下,说一下有关于前端这边HTTPS的应对方案. 那么什么是HTTPS

django项目部署后静态文件收集【解决admin后台静态文件丢失】

在部署完Django项目后,进行admin后台登录发现样式丢失,后台日志显示:js和css文件丢失 解决办法: 配置settings.py如下: #DEBUG打开时,app的静态文件默认从这里读取 STATIC_URL = '/static/' #静态文件根目录,当关闭DEBUG的时候admin从STATIC_ROOT获取静态文件,同时需要配置url STATIC_ROOT = ("f:/py_workspace/DJ/proj/people/static/") #Django部署在A

记一次vue2项目部署nginx静态文件404解决过程

github上下的一个vue2的项目,运行可以的,webpack打包后,nginx请求报错: 发现路径很奇怪啊,所以果断来到build.js文件中看看是不是哪里不对. 已经一番引用查找: 发现在这里配置了个属性值.assetsPublicPath这个名字看着就是静态文件的公共位置嘛,所以直接请求了这个地址下的css/js文件. 于是我到这个路径下找找看看,是不是有css/js文件: 发现打包文件很规范根本没有这些个东西.所以自然而然,我要把assetsPublicPath这个属性的值改为根目录试

tomcat部署安全证书文件(阿里云SSL证书)

1.下载安全证书文件: 这里使用的是阿里云SSL证书(免费一年) 2.把下载的压缩包进行解压 3.将pfx文件拷贝至服务器 4.利用jdk将pfx转jks 5.cmd进入命令行 6.切换至jdk的bin目录 执行命令 keytool -importkeystore -srckeystore ca/*.pfx -destkeystore ca/*.jks -srcstoretype PKCS12 -deststoretype JKS 执行后,会让输入密码,这里建议使用刚下载解压里面的密码,作为jk

nginx部署前端静态代码解决本地接口调用跨域问题

server { listen 90; server_name localhost; #charset koi8-r; #access_log logs/host.access.log main; proxy_set_header Host $host:$server_port; //需要加上,解决运行时端口丢失问题 location / { root html; index index.html index.htm; } // 将 蓝色的 丢进去 改一下对应的 //js内ajax请求的ip地址

tomcat 部署多个war包项目和配置域名

1.首先就是项目打包war     首先使用DOS进入 项目的根目录    cd  E:/XXX项目/ 2. 打包命令 jar cvf XXX项目.war */.        (这里可以把lib下的jar全部打包 也可以把lib下的Jar放入 tomcat下) 3.好啦下面就是我们的部署了 3.1把项目war包 放入tomcat文件下 的D:\apache-tomcat-6.0.37\webapps 下 3.2刚开始的新手 放好之后你先找到    D:\apache-tomcat-6.0.37

tomcat部署静态文件

tomcat下部署静态文件.一般情况下,网站也做到静态文件的分离.静态文件这个时候就需要部署到特定的服务器上了.一般会部署到nginx上.如果做测试的话,也会部署到tomcat上. 部署的方法为: 在tomcat的conf目录下的server.xml文件中做相应的配置即可. 1.在<host></host>中添加配置. <Context docBase="/opt/tmp" path="/static" reloadable="

Eclipse Tomcat部署项目没有加载新加的静态资源文件

额,一直用MyEclipse,后来用Eclipse时,启动项目后去Tomcat webapps找对应文件夹,发现没有,才知道Eclipse 默认不往本地Tomcat部署. 1.eclipse不像MyEclipse默认将项目部署到tomcat安装目录下的webapps中,而默认部署到工作目录下的.metadata.plugins\org.eclipse.wst.server.core\tmp1\wtpwebapps中,tmp1文件夹里面存放着该项目的信息. 2.解决: 为了使项目默认部署到tomc