前情提要：

        前端 vue工程npm run build生成的dist静态文件

        后端 springboot

        后端mvn install 生成war包，前端dist放进war包

报错：

        页面访问白屏 报错如图

可以看到chunk-vendors.xxxx.js出现了中文乱码，这个js文件是vue build生成的，打开来看，实际是没有乱码的。

解决方法一：

参考 在jsp中引入vue.js导致乱码问题解决方法_jsp 中使用vue 中文乱码-CSDN博客  

在index.html中修改，在引用js的地方加上 type="text/javascript" charset="UTF-8"

<script type="text/javascript" charset="UTF-8" src="../js/chunk-vendors.xxx.js"></script>
<script type="text/javascript" charset="UTF-8"  src="../js/app.xxx.js"></script>

前端可以正常访问了，但是右键检查页面title的地方还是中文乱码，虽然用户不可见，但是还是不够完善

解决方法二：

参考 Spring Boot：解决中文乱码-腾讯云开发者社区-腾讯云 (tencent.com)  

在springboot工程里，配置中加上

server:
  servlet:
    encoding:
      charset: utf-8
      force: true
      enabled: true

取消index.html中的修改

前端正常访问