如何把自己写的前端界面用tomcat部署到服务器中

如何把自己写的前端界面用tomcat部署到服务器中

一、所需环境

tomcat8.5.85,CentOS7
在部署之前要确认自己的tomcat可以运行
在这里插入图片描述

二、开始部署,把自己要部署的前端项目发送到tomcat 的webapp目录下

在这里插入图片描述
我这里使用的是xftp传送过去的

三、配置tomcat的conf/server.xml文件

在这里插入图片描述
在这里插入图片描述
在之间添加如下配置

<Context path="" docBase="person" reloadable="true" />

注意 其中person为我项目的名字
在这里插入图片描述
我的项目person中打开直接就进到index.html中了所以这个的index.html可以省略不写,如果不是index名称是要写的,而且路径要对应上哦
如: /a/v/a/d.html
修改号配置文件退出并保存

四、 启动tomcat

返回到 /bin 目录中
使用 ./startup.sh启动tomcat
在这里插入图片描述
在这里插入图片描述
打开浏览器就可以访问到了,至此部署成功,撒花完结。。

### Vue 前端项目部署至阿里云服务器教程 #### 打包前端项目 为了准备部署,需先在本地环境中打包Vue项目。通过命令行工具进入项目的根目录并执行构建指令: ```bash npm run build ``` 这一步骤将会创建一个名为`dist`的文件夹,其中包含了用于生产环境的应用程序资源,包括静态资产和入口HTML页面[^3]。 #### 购买与配置阿里云服务器 对于初次使用者而言,可以选择阿里云提供的轻量级应用服务器进行尝试,该服务提供给新用户为期一个月的免费试用期[^2]。访问官方网站注册账号后,按照指引选购适合开发需求的服务实例规格,并完成必要的网络设置如安全组规则开放HTTP/HTTPS端口等操作以便外部能够正常访问网站内容。 #### 文件传输至远程主机 采用SFTP协议或是其他方式上传之前编译好的`dist`目录下的所有文件到已购得的ECS实例内指定位置;如果选用Apache Tomcat作为Java Servlet容器,则应将其放置于`webapps`路径之下。 #### 启动Web服务进程 确保目标机器上已经安装好Node.js运行时环境或者是相应的Java JRE/JDK版本之后启动Nginx/Apache HTTP Server/Tomcat等中间件来托管这些静态网页文档。针对不同类型的Web服务器可能还需要额外调整一些参数选项以优化性能表现或满足特定业务逻辑的要求。 #### 测试验证成果 最后,在浏览器地址栏输入分配给当前虚拟机公网IP对应的URL链接查看是否能顺利加载出预期界面效果从而确认整个流程无误结束。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值