文章目录
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