前后端分离（SpringBoot整合Vue）

前言

此前在博客中曾提及SpringBoot整合Vue，在此基础上进一步展开讨论，阐述如何将前后端项目部署至个人服务器中。鉴于目前仅拥有阿里云服务器一台，此处所描述的操作场景为前后端项目均部署于tomcat环境之中。通过查阅网络资源，尚未发现详尽的教程，实际操作过程中也遇到了一些困难，因此特此记录，以供他人参考与借鉴。
接下来，正式进入主题内容。

正文

前端的操作

首先针对Vue项目代码，可执行以下步骤操作：

运行命令：npm run build

随后将生成的dist目录中的index.html文件以及static文件夹整体复制并粘贴至Tomcat服务器的webapps目录下新建的文件夹中（本例中新建名为test的目录），之后启动Tomcat服务，通过浏览器访问地址localhost:8080/test，若页面能够正常打开则表示部署成功；

然而在实际测试过程中，发现部分静态资源如字体图标等无法正常显示。为解决此问题，需要定位到build目录下的utils.js文件，并对其进行相应修改：

    if (options.extract) {

      return ExtractTextPlugin.extract({
        use: loaders,
        fal