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

最近在使用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