前言

本文所写内容是在我上一篇所写的 Vue CLI创建项目 基础上进行的。

与Spring Boot的thymeleaf集成

1. 将vue项目移到src/main目录下
2. vue项目根目录创建vue.config.js

module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? './ui' : '/',
  outputDir: process.env.NODE_ENV === 'production' ? '../resources/static/ui' : 'dist',
  indexPath: process.env.NODE_ENV === 'production' ? '../../templates/ui/index.html' : 'index.html',
  devServer: {
    proxy: 'http://localhost:8888/test'
  }
}

• 配置可参考官方文档

命令说明

1. 开发环境下运行npm run serve
2. 生产环境下运行npm run build