tomcat部署Vue项目

tomcat部署Vue项目

最近学习了vue，并写了一些小项目，在部署到tomcat服务器上时，发现访问的时候显示的是空白页面，在查阅文档后需要注意两点；1. 当项目部署到服务器后路劲发生改变，所以在部署到服务器之前需要在vue.config.js文件中添加如下配置：

publicPath: process.env.NODE_ENV === 'production' ? '/dist/' : '/',

如果是部署到tomcat中，dist是tomcat下webapps文件下的项目名称，也就是你的vue项目

2. 如果只是配置上面还是不能访问的，我相信大多数人在本开发的时候在vue-router中的mode配置的是history（在开发环境中博主建议使用，详情可以去看官方文档），在部署到服务器前修改mode的属性值为hash即可。