1.tomcat解压，最好不要放在C盘

解压后的目录如图所示

2.将VUE开发的前端项目放在webapp目录下，目的是tomcat启动后可以访问网站

红线标注的地方为前端网站

3.部署后端war包

直接将war包放在webapp下，名字可以修改，我的是phonegd-0.0.1-SNAPSHOT

4.启动tomcat

去bin目录，双击startup.bat文件，最好使用管理员方式打开

5.观察启动窗口，出现下图表示启动成功

这里我的端口是9088，默认是8080，可以修改
在conf目录下打开server.xml，大概在69行附近，可以使用npp打开

6.测试

我最先用postman测试404，出现下面问题

后来找到原因：没有部署在ROOT目录下，需要加上项目名
修改后测试：

这个地方很重要，否则就会404

7.最后一步：修改VUE配置文件config.js

window.axiosUrl = 'http://192.168.3.122:9088/phonegd-0.0.1-SNAPSHOT/Asset/'

8.最后测试访问

tomcat部署前后端分离项目404问题相关推荐

使用 Nginx 部署前后端分离项目，解决跨域问题
前后端分离这个问题其实松哥和大家聊过很多了,上周松哥把自己的两个开源项目部署在服务器上以帮助大家可以快速在线预览(喜大普奔,两个开源的 Spring Boot + Vue 前后端分离项目可以在线体验了 ...
linux --- 部署前后端分离项目
vue + uwsgi +nginx 部署前后端分离项目准备项目 1.将前端vue项目包和后端django项目包上传服务器,通过lrzsz,直接从windows拖进linux中 2.解压缩操作前端 ...
(一)专题介绍：移动端安卓手机改造成linux服务器linux服务器中安装软件、部署前后端分离项目实战
快捷目录前言一.涉及到的相关技术简介二.具体实现过程及踩坑杂谈 1.安卓手机改造成linux系统实现方案 2.改造后的手机Linux中软件的安装 3.手机Linux中安装MySQL5.7踩坑实录 ...
Docker部署前后端分离项目
云主机 centos7 中Docker容器式部署前后端分离项目Django+Vue.js 前期准备: Docker安装Docker - CentOS Docker 软件包和依赖包已经包含在默认的 Ce ...
tomcat vue 不用前后端_部署前后端分离项目(后端 tomcat 前端 nginx)
关键词 spring-boot gradle 腾讯云 tomcat nginx vue 前后端分离代理前言因为种种原因,把后端部署在 tomcat,前端项目部署在 nginx. Tomcat t ...
weblogic部署前后端分离项目
环境说明序号服务名称版本信息 1 weblogic weblogic 12.2.1.3.0 2 jdk jdk-1.8.0_111 环境准备 (1)jdk安装(已安装请忽略) 将发布包下的ins ...
linux部署前后端分离项目命令笔记
部署项目用到的杂七杂八linux命令. 做个笔记,自己参考. 个人笔记,大家不要浪费时间阅读. tar -xvf jdk-8u202-linux-x64.tar.gz //解压tar export J ...
Windows 平台部署前后端分离项目
背景因为公司业务主要与工业相关,工业使用的多数为Windows电脑,此时就需要将公司的系统部署在Windows平台上,这里使用Django来作为后端. 一.数据库部署 1.1 本地环境准备在后端部 ...
Nginx+SpringBoot 部署前后端分离项目（http配置、https配置）
前言: 博客里不缺乏这样的博文.但是基本都是copy同一个文章出来的.我总结一下,做一个简单的说明.内容主要讲解 springboot 项目需要做的配置,以及ngxin需要做的配置,以及在https下 ...

tomcat部署前后端分离项目404问题

最近在部署项目时，访问出现了404，特此记录一下