Java之Spring Boot+Vue+Element UI前后端分离项目，前端插件化主流框架和实现原理

三、设置Axios发起请求统一前缀的路径

---

https://code100.blog.csdn.net/article/details/123302546

1、HelloWorld.vue

getInfo() {

this.$http.get(‘blog/queryBlogByPage?title=’ + this.title + ‘&page=’ + this.page + ‘&rows=’ + this.rows)

.then(response => (

this.info = response.data,

this.total = this.info.total,

this.totalPage = this.info.totalPage,

this.items = this.info.items

)).catch(function (error) { // 请求失败处理

console.log(error);

});

},

2、Article.vue

getInfo() {

this.$http.get(‘/blog/queryBlogArticleById?id=’ + this.id )

.then(response => (

this.info = response.data,

this.title = this.info.title

)).catch(function (error) { // 请求失败处理

console.log(error);

});

},

selectBlog() {

this.page = 1;

this.rows = 10;

let startTime = (new Date(((this.value1+“”).split(“,”)[0]))).getTime();

let endTime = (new Date(((this.value1+“”).split(“,”)[1]))).getTime();

this.startBlogTime = startTime;

this.endBlogTime = endTime;

this.getInfo();

},

like(){

this.$http.get(‘blog/blogLikeId?id=’ + this.id );

this.getInfo();

},

四、实现登录功能

---

1、创建ConsumerService

package cn.itbluebox.springbootcsdn.service.Impl;

import cn.itbluebox.springbootcsdn.domain.Consumer;

import cn.itbluebox.springbootcsdn.enums.ExceptionEnum;

import cn.itbluebox.springbootcsdn.exception.BlException;

import cn.itbluebox.springbootcsdn.mapper.ConsumerMapper;

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.stereotype.Service;

import org.springframework.transaction.annotation.Propagation;

import org.springframework.transaction.annotation.Transactional;

@Service

@Transactional(propagation = Propagation.REQUIRED)

public class