vue项目部署到tomcat服务器产生的404问题解决

第一次将vue项目部署到服务器上，使用npm run build对项目进行打包，之后将生成好的文件部署到tomcat服务器上，访问服务器，发现项目无法正常运行，报404错误：

我使用的是在IDEA创建web项目，将打包好的文件放置到项目之中，配置好tomcat服务器运行。之后出现如上的错误。

查看网络，发现在请求资源的时候，并没有走项目路径，请求的url应该为/项目名称/js/app.ab55fc9c.js这里跳过了项目名称，直接进行申请。
.

tomcat默认访问ROOT目录，那么我们将项目直接部署在ROOT目录下：

启动tomcat服务器，可以发现项目正常运行了。

如果我们想用IDEA部署启动的话,需要设置Application context设置为/，其实直接访问服务器就是默认访问该项目了。