vue项目部署到Tomcat中

1，假设你要访问的项目名称为‘hms’

2，在Tomcat的webapps下创建hms文件夹，

3，配置config/index.js文件，build: {} 选项里面 设置assetsPublicPath: './' ，否则访问时会出现空白页，页面刷不出来。

4. 使用vue-router的情况
当你在项目中使用vue-router的时候，就需要给src/router/index.js添点东西，如下面：

export default new Router({
  mode : 'history',
  base: '/hms/',  //添加的地方
  ...
 }

5，在项目运行“npm run build:prod”命令，生成dist文件夹，dist文件夹中包含static和index.html

6，将dist文件夹中static和index.html复制到Tomcat中webapps的hms文件夹中

7，启动Tomcat，ip:port/hms，例如：http://localhost:8080/hms/即可访问到Vue项目。