vue部署到tomcat上，vue打包
vue部署到tomcat
项目结构下图
项目结构-打包过程没有报错
出现dist目录-这个UEditor是富文本输入的东西:
补充：在服务器端目录》
其中vue.config.js文件，
```javascript
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
publicPath:'./',
transpileDependencies: true,
lintOnSave:false,
assetsDir:'static',
parallel:false,
})
###### 结果：》》》放到tomcat上访问为空白页。现在访问直接空白页。。。。。
补充：网站管理使用的是小皮管理.win系统
- 把dist里面的内容全部复制到tomcat的webapp/ROOT下
- webapp/ROOT里面的东西全部删除先，然后再复制
- 不要把dist目录也复制进去了，只需要dist里面的东西
如有帮助，请采纳，十分感谢！
打包后的dist目录放到Tomcat webapp目录下，访问路径:ip:port/dist。
路径放错了
vue项目下config/index.js，dev和build都要改assetsPublicPath的配置
module.exports = {
dev: {
...
assetsPublicPath: './',
...
},
build: {
...
assetsPublicPath: './',
...
}
}
路由配置src/router/index.js，增加配置base: '/demo/'，如果这里不配置，会导致部署的项目首页访问一片空白，但不报错，且引入的文件有正常加载
export default new Router({
//如打包文件存放在Tomcat/webapps/demo下，
//那么base就这么写
base: '/demo/',
mode: 'history',
routes: [
...
]
})
然后就可以了
vue打包生成的dist你webpack给你生成的目录，这个目录不是你tomcat最终的项目名称（其实是contextPath），所以dist目录不可以要，只需要拷贝dist里面的内容即可
打包后的dist内容全部放到Tomcat webapp目录下，访问路径:你的ip:tomcat端口号/index.html
不要把dist目录也复制进去了，只需要dist里面的东西，把dist里面的内容全部复制到tomcat的webapp/ROOT下即可。