Vue整合SpringBoot项目实战
文章平均质量分 92
Vue整合SpringBoot项目实战
RelyC
To be successful
展开
-
Vue整合SpringBoot项目实战之后端业务处理
Vue+SpringBoot后台业务 Springboot实现CRUD,前后端分离 技术栈: SpringBoot JPA 源码: 前端项目代码 后端项目代码 重点:跨域请求,可参见见Vue整合SpringBoot项目实战之解决前后端分离的跨域问题这篇博客 package com.vuespringboot.demo.config; import org.springframework.context.annotation.Bean; import org.springframework.contex原创 2020-07-23 20:21:22 · 783 阅读 · 2 评论 -
Vue整合SpringBoot项目实战之动态路由处理
Vue整合SpringBoot项目实战之动态路由处理 源码: 前端项目代码 后端项目代码 实现动态路由表映射: const routes = [ { path:'/', name:'学生', component:index, redirect:'/StuManage', children:[ { path: '/StuManage', name: '学生信息', component: Stu原创 2020-07-23 20:17:45 · 1424 阅读 · 2 评论 -
Vue整合SpringBoot项目实战之Vue+SpringBoot
Vue+SpringBoot实现前后端分离 源码: 前端项目代码 后端项目代码 前端 一、安装Vue 安装Node.js 先在自己的电脑上安装Node.js,这里就不过多赘述了,毕竟网上的资源有很多,可以自行百度 npm install vue 安装cli npm install -g @vue/cli 创建项目 vue create my-project OR vue ui 二、运行 运行Vue项目 npm run serve 添加的组件 axios 相当于Ajax,像后端发送请求,实现前后端原创 2020-07-23 20:16:41 · 1880 阅读 · 1 评论 -
Vue整合SpringBoot项目实战之Vue+Element-Ui搭建前端项目
Vue整合SpringBoot项目实战之Vue+Element-Ui搭建前端项目 源码: 前端项目代码 后端项目代码 Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Customize configuration ![aixin3](C:\Users\董鹏超\Desktop\原创 2020-07-23 20:16:03 · 4177 阅读 · 25 评论 -
Vue整合SpringBoot项目实战之Element-ui组件
Vue整合SpringBoot项目实战之Element-ui组件 Element-ui组件 源码: 前端项目代码 后端项目代码原创 2020-07-23 20:14:41 · 949 阅读 · 1 评论 -
Vue整合SpringBoot项目实战之解决前后端分离的跨域问题
Vue整合SpringBoot项目实战之前后端分离的数据交互 实现前后端分离之后,由于前后端项目运行的端口号不同,所以会出现跨域问题。 什么是跨域? 当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。 当前页面url 被请求页面url 是否跨域 原因 http://www.test.com/ http://www.test.com/index.html 否 同源(协议、域名、端口号相同) http://www.test.com/ https://www.te原创 2020-07-23 17:22:59 · 1091 阅读 · 13 评论