vite+vant+vue打包部署到tomcat静态资源找不到页面空白问题

1.首先要解决的是静态资源找不到的问题
需要在vite.config.js里面配置base的根目录的路径 具体操作如下:
vite+vant+vue打包部署到tomcat静态资源找不到页面空白问题_第1张图片
此时配置完成之后打包放置到tomcat上静态资源加载成功但是页面还是空白

2.需要配置路由base

vite是通过传参的方式配置base的
vite+vant+vue打包部署到tomcat静态资源找不到页面空白问题_第2张图片
此时配置完base后重新打包 启动tomcat 页面出来了 注意:此时的base配置的名称要和你打包后放置到tomcat webapps里面的文件名要对应 比如打包生成的是dist目录你要改成mobile目录

你可能感兴趣的:(vue.js,tomcat,前端)