1.在项目根目录下创建vue.config.js
在这里插入图片描述
2.打开vue.config.js编辑

module.exports = {
  outputDir: '你的项目名',
  assetsDir:'static',
  publicPath:'',

}

3.执行 npm run build 生成dist(该文件夹的名字为你vue.config.js里outputDir设置的名字一直)文件夹

 npm run build

在这里插入图片描述
4.部署到tomcat服务器上直接访问http://localhost:8080/生成文件夹名字

在这里插入图片描述
5.若出现白屏问题,主要有两个原因

1.静态资源访问不到
	
2.路由问题

1)静态资源访问不到有很多原因,最主要的就是vue.config.js里的publicPath设置,一般我们设置为’'如:
在这里插入图片描述
还有要注意vue.config.js文件要创建在项目根目录,如:
在这里插入图片描述

2)目前主要针对路由问题
可以将mode修改为hash模式
在这里插入图片描述
对首页的访问可以多加一个空白选项
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐