Vue整合到Spring Boot

Vue打包部署到Spring Boot

前端使用Vue，后台使用Spring Boot。使用Vue需先使用webpack打包项目，再将打包生成后的静态资源文件拷贝到Spring Boot中去整合（这里只是做本地整合测试用，实际上不会这样做部署）。

1 文件目录结构

打包的命令很简单，在项目根目录下运行：

npm run build

1.1 打包后的文件目录结构

打包完成后，会在根目录下生成dist文件夹，这个文件夹就是打包之后的静态资源（html、js、css等）。默认打包后生成的文件目录结构如下：

├── dist
|	├── static
│	|	├── css
|	|	├── fonts
|	|	├── img
|	|	├── js
|	├── favicon.ico
|	├── index.html

但很多时候，默认的打包路径并不能匹配我们的项目文件结构，需要通过修改配置文件，配置静态资源的打包路径。默认配置生成的静态资源文件引用路径如下：

<script src=/static/js/app.8d6eecee.js></script>

1.2 后台的文件目录结构

而我的Sp