如何在vue的index.html文件中定义freeMarker变量？

Question

前提：前端使用vue.js，后端采用springBoot。前后端分离的哦
需求：后端读取前端项目编译后上传至服务器上的index.html文件，在index.html文件中插入不同的头部和底部（以id="app"作为分界线，上为同，下为底）。其中前端需要预定义freeMarker（模板引擎）的变量；具体原理应该如下：

但是项目在编译时报以下错误：

尝试解决，但未能解决。
而后又采用插入dom的方式，结果还是不行：

请求大能帮忙解决，或提出方案，感激不尽。