怎么把Vue项目发布到本地Tomcat上

素颜马尾好姑娘i 2023-02-23 10:55 5阅读 0赞

### **第一步： 在VS code中运行打包命令** ###

npm run build

之后会生成一个dist文件

![20200707093542707.png][]

### 第二步：打开tomcat的webapps目录，将打包后的文件复制到这里 ###

![20200707092610888.png][]

### 第三步：启动tomcat(双击startup.bat) ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwNjMxMDYz_size_16_color_FFFFFF_t_70][]

**启动之后一般tomcat的默认的路径是localhost:8080 **我们可以直接通过这个地址打开tomcat

但是我个人在前期修改了tomcat的端口号，我直接通过8080就无法直接访问了，我们来配置文件中查看一下自己的tomcat端口号

C:\\Program Files\\apache-tomcat-9.0.29\\conf\\server.xml

![20200707093210934.png][]

然后进入之后就可看到下面的页面：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwNjMxMDYz_size_16_color_FFFFFF_t_70 1][]

然后我们点击 Manager App 但是奇怪的是你会发现下面一个现象： “需要输入账户密码"

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwNjMxMDYz_size_16_color_FFFFFF_t_70 2][]

这说明我们需要在配置文件中加入我们的账户和密码

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwNjMxMDYz_size_16_color_FFFFFF_t_70 3][]

![20200707093346749.png][]

保存文件，重启tomcat，我们可以直接输入 admin  admin 即可进入项目管理界面看到我们刚刚复制进来的项目名字：

![2020070709342830.png][]

直接点击文件名，即可进入系统：

注： 查看部分接口是否可以正常走通，若正常走通说明我们打包的项目无措

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwNjMxMDYz_size_16_color_FFFFFF_t_70 4][]

[20200707093542707.png]: https://img-blog.csdnimg.cn/20200707093542707.png
[20200707092610888.png]: https://img-blog.csdnimg.cn/20200707092610888.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwNjMxMDYz_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200707092703416.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwNjMxMDYz,size_16,color_FFFFFF,t_70
[20200707093210934.png]: https://img-blog.csdnimg.cn/20200707093210934.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwNjMxMDYz_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200707093247362.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwNjMxMDYz,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwNjMxMDYz_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200707093314396.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwNjMxMDYz,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwNjMxMDYz_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200707093331423.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwNjMxMDYz,size_16,color_FFFFFF,t_70
[20200707093346749.png]: https://img-blog.csdnimg.cn/20200707093346749.png
[2020070709342830.png]: https://img-blog.csdnimg.cn/2020070709342830.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwNjMxMDYz_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200707093455309.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwNjMxMDYz,size_16,color_FFFFFF,t_70