简单记录一下springmvc+vue搭建
1,准备好springmvc项目
重点不在这不讲太多,搭建好的结构如下:
文章图片
2,新建front目录用于存放前端项目
进入front目录命令行
# 全局安装 vue-cli $ cnpm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack front
上面命令执行完之后安装依赖
npm install 然后运行 npm run dev
至此前端项目已搭建好
3,配置vue打包生成到springmvc项目下以及配置接口调用
打开front->config->index.js
proxyTable设置接口映射
如下
文章图片
接着设置front启动地址和端口
文章图片
最后修改build设置输出到springmvc的webapp下即可
文章图片
命令行敲npm build 即会编译前端并生成html+js到springmvc
如图所示:
【springmvc|SpringMVC+VUE开发环境搭建】
文章图片
总结:当然静态html+js代码完全可以放到Nginx服务器上,做到完全的前后端分离,这里由于条件限制放到同一台服务器上。
推荐阅读
- springboot|springboot框架(9):SSMP综合开发
- jsp类|JSP危险化学品管理系统myeclipse开发mysql数据库bs框架java编程jdbc详细设计
- java|java学习--基础知识第六天-- Eclipse断点调试、基础语法的练习
- Java语言程序设计|Java语言程序 例题9.6(秒表)
- 分布式|Dubbo部分高级特性
- Java|关于xml文件 xsi:schemaLocation
- java|【华为OD机试真题 JAVA】用连续自然数之和来表达整数
- 面试|Java:垃圾回收机制面试题整理
- java|Java并发中的同步容器与并发容器,你了解多少()