最近在使用Webstorm开发项目中前端相关的内容,但是涉及到使用ajax技术,不能够跨域访问相关json文件和服务,需要将前端代码部署到tomcat服务器上。但是,如果通过手动拷贝的方式,太过于复杂,大大降低了开发的效率,但实在无法割舍Webstorm,只好查阅了一些资料,解决部署的问题。
具体的步骤如下:
html5项目如图:
(1)打开设置setting面板
(2)找到Project Settting中的Deployment选项。
没有tomcat的,请到apache官网下载:http://tomcat.apache.org/
右侧会出现+号,点击填写名称tomcat,type选择Local or……。然后点击OK。
(3)配置tomcat服务器,首先是connection选项卡,其中的upload/download project files选择要部署到tomcat服务器目录。
webserver root url则是用来运行该站点的地址。
(4)配置Mappings。Local Path:是要部署的项目文件夹地址。
Deployment Path是一个相对路径,是与(3)中upload/download project files的地址的相对路径。
(5)可以通过配置,控制哪些文件夹不去上传。
到此为止,一个tomcat服务器的部署就配置好了。
(6)然后就是要将文件上传到tomcat目录下。选择tools菜单–>Deployment–>upload to tomcat即可。
(7).接下来我们启动tomcalt,启动成功之后我们通过浏览器的http://localhost:8080/路径访问一下,发现是没有问题的
那么我们在手机上就可以访问了,通过配置手机的localhost地址,我们就可以访问我们部署到tomcat服务器的项目了
有任何疑问请留言或者加我们的技术群:278792776