将html5项目部署到tomcat上,并实现安卓手机访问

时间:2020-12-01 09:36:51

最近在使用Webstorm开发项目中前端相关的内容,但是涉及到使用ajax技术,不能够跨域访问相关json文件和服务,需要将前端代码部署到tomcat服务器上。但是,如果通过手动拷贝的方式,太过于复杂,大大降低了开发的效率,但实在无法割舍Webstorm,只好查阅了一些资料,解决部署的问题。

具体的步骤如下:

html5项目如图:将html5项目部署到tomcat上,并实现安卓手机访问

(1)打开设置setting面板

将html5项目部署到tomcat上,并实现安卓手机访问

(2)找到Project Settting中的Deployment选项。

没有tomcat的,请到apache官网下载:http://tomcat.apache.org/

右侧会出现+号,点击填写名称tomcat,type选择Local or……。然后点击OK。

将html5项目部署到tomcat上,并实现安卓手机访问

(3)配置tomcat服务器,首先是connection选项卡,其中的upload/download project files选择要部署到tomcat服务器目录。

webserver root url则是用来运行该站点的地址。

将html5项目部署到tomcat上,并实现安卓手机访问

(4)配置Mappings。Local Path:是要部署的项目文件夹地址。

Deployment Path是一个相对路径,是与(3)中upload/download project files的地址的相对路径。

将html5项目部署到tomcat上,并实现安卓手机访问

(5)可以通过配置,控制哪些文件夹不去上传。

将html5项目部署到tomcat上,并实现安卓手机访问

到此为止,一个tomcat服务器的部署就配置好了。

(6)然后就是要将文件上传到tomcat目录下。选择tools菜单–>Deployment–>upload to tomcat即可。

将html5项目部署到tomcat上,并实现安卓手机访问

(7).接下来我们启动tomcalt,启动成功之后我们通过浏览器的http://localhost:8080/路径访问一下,发现是没有问题的

将html5项目部署到tomcat上,并实现安卓手机访问

那么我们在手机上就可以访问了,通过配置手机的localhost地址,我们就可以访问我们部署到tomcat服务器的项目了

将html5项目部署到tomcat上,并实现安卓手机访问

有任何疑问请留言或者加我们的技术群:278792776