现在有这么一个情况：
我们目前的项目是vue+freemarker的形式来做多页面（老项目迁移，但是又为了seo）；现在需要做公共头尾，但是发现没法引入。先上图说下目录结构

<svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use xlink:href="#far-image"></use></svg>image.png339×676 13.8 KB<svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use xlink:href="#discourse-expand"></use></svg>

情况：freemarker同步代码只有在.ftl文件好使。如果用freemarker的方法引入公共头尾（.ftl）的话，模板文件打包的时候会被直接搬到打包目录，导致引入公共头尾的路径找不到。

如果使用.vue模板形式的话，又运行不了freemarker语法，甚是头疼。要是搞不定这个公共头尾的话，以后维护起来有几个页面就要改几个地方。 。
苍天呀~