dist上传去tomcat怎么启动

dist上传去tomcat按以下步骤郑枣启动：

1、在开始菜单中选尺丛码择所有程序，在所有程序中有一个陵哪ApacheTomcat的文件夹，单击展开。

2、选择这个文件夹中的ConfigureTomcat程序、单击启动。

3、在主界面中就可以看到一个Start的开始按钮了，单击等待一会就可以启动tomcat了。

在服务器上使用docker安装tomcat时遇到了无法访问tomcat的问题。是因为使用docker pull tomact 下载的tomcat镜像中包含有两个webapps 文件夹。一个文件夹名为webapps,但是这个文件夹是空的，另外一个文件夹名为webapps.dist，里面有tomcat完整的文件夹和文件。

图示：

问题重现

1、使用docker下载tomcat镜像

docker pull tomcat:9

1

1

图示:

2、创建tomcat容器

docker run -d -p 8080:8080 tomcat:9

1

1

图示：

3、tomcat容器已经运行，让猜但是还是无法访问tomcat的首页。

4、立刻查看防火墙端口和ECS安全组的情况。

查看防火墙状态

systemctl status firewalld

1

1

开启防火墙

systemctl start firewalld

1

1

查看端口信息

firewall-cmd --list-ports # 只看端口信息

1

1

开启端口和重启防火墙

开端口命令：firewall-cmd --zone=public --add-port=8080/tcp --permanent

重启防火墙：systemctl restart firewalld.service

1

2

1

2

查看安全组情况

注意：防火墙8080 端口开了并且阿里云安全组也开放了才能访问远程。

5、以上步骤都没问题，进行扮入容器内部，发现两个webapps。

docker exec -it 53724a20a48c /bin/bash

1

1

其中webapps文件夹为空，而webapps.dist包含完整的tomcat文件。

6、将目录下webapps.dist里文件复制到webapps。然档滑灶后将webapps.dist删除.

cp -r webapps.dist/* ./webapps

rm -rf webapps.dist

1

2

1

2

一般项目前后端分离得话，都会用nginx作为反向代理冲冲斗转发的。

因为项目要兼容ie9,使用axios发ajax请求的时候,不能通过CORS解决跨域的问题,所以尝试部署nginx作散磨反向代理.

其中 vue+webpack+vue-router(history) 部署到nginx服务器下，非根目录，前后端怎样配置文件 这篇文章详细说明了怎么打包vue项目,记得修改config下的index.js文件.

修改为:(只显示修改的部分)

关于nginx的配置,一定需要注意第二篇文章说到的问题

proxy_pass转发的路径后是否带 “/” 的意义都是不一样的,假设有请求 http://true_server/test/index.html ,如果配置是第一种情况,不带"/"的话,那么访问的实际是

http://t6:8300/index.html ,直接访问根路径,如果带"/",那么访问的实际是" http://t6:8300/test/index.html ",以"/test"作为根路径.

具体配置如下:

因为项目上线，一般需要添加项目名，并且消去vue-router产生的#号，需要在router的配置下，在本项目是router->index.js下配置：

在打包后,会生成dist文件，文件下由以下部分组成：

至此，整个vue项目算是配置完毕，但是部署到tomcat下会出现访问图片 没有带根路径 的问题，如果你引用图片的方式和我一致，如下：

那么可以尝试的解决方法是，重新配置tomcat的；

首先在tomcat的webapps新建文件夹，文件夹名称和上面配置的根路径一致，即为webSite，然后将打包生成的dist文件夹里面的文件复制到webSite下，并且新建文件 WEB-INF/web.xml:

项目结构为：

找到tomcat的conf文件下的server.xml，配置静态服务,找到HOST标签：

这里的配置为：

参考： tomcat配置静态服务

增加这个文件是因为，解除#号，参考官网：

去除vue项目的#号

这里就直接丢配置判携了：

---