tomcat部署Vue项目

tomcat部署Vue项目

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

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

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

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

你可能感兴趣的:(vue)