vue项目打包部署到tomcat空白页的解决方式

最近我自己将我写的vue+ssm的项目部署到了我的本地虚拟机上,在这个过程中出现了诸多问题,但是考虑下来也没有太多需要注意的,只有一点,就是将vue项目部署到tomcat上之后出现空白页
网上普遍给出的方式就是用npm run build打包后将dist文件夹下内容全部复制到另外一个文件夹之后,将文件夹重命名发布到tomcat
这个过程漏了一点,也给我 带来了一些不必要的麻烦,所以在这里写出来,为各位小伙伴及我自己做个提醒备忘
我把过程写成步骤
1、首先确认自己的vue项目中是否在如下的配置有对应的内容
在config目录下的index.js是否有assetsPublicPath属性,没有的话加上,属性内容就是你存放dist文件夹下内容的那个文件夹的名字
vue项目打包部署到tomcat空白页的解决方式_第1张图片
2、检查路由文件中是否有base属性,一样的,是你存放dist文件夹下内容的那个文件夹的名字
vue项目打包部署到tomcat空白页的解决方式_第2张图片
3、在存放dist文件夹下内容的那个文件夹下创建文件夹WEB-INF,在WEB-INF下创建web.xml,内容如下




  myword
  
     404
     /index.html
  


4、将文件上传到tomcat的webapps文件夹下就可以访问了。

你可能感兴趣的:(前后端贯通笔记)