Vue+SpringBoot部署踩坑总结

Vue+SpringBoot部署踩坑总结

• Vue集成SpringBoot后路径错误：

①静态文件路径默认设置错误：config/index.js中assetsPublicPath内容改为'./';

参考引用：https://blog.csdn.net/GYL20171020/article/details/81812451

②字体引用默认设置错误：build/webpack.prod.conf.js中extract :true 改为 fasle;

参考引用：https://blog.csdn.net/guoscy/article/details/79192065

③请求地址设置错误：注意Vue中请求头与SpringBoot中的server.servlet.context-path=[路径]相一致;

• SpringBoot集成WebSocket打包失败问题：

①导入的jar与内置tomcat冲突：打包时使用mvn clean package -DskipTests或在pom.xml添加相应设置;

参考引用：https://blog.csdn.net/yaban8347/article/details/85147021

• 部署后Vue样式异常：

①Vue中存在class重复使用但style存在多种样式：在Vue中使用