ssm+vue前后端分离框架整合实现(附源码)

// 引用axios，并设置基础URL为后端服务api地址
var axios = require('axios')
axios.defaults.baseURL = "http://127.0.0.1:8080/blog/api"
//设置全局，每次ajax请求携带cookies
// axios.defaults.withCredentials = true
// 将API方法绑定到全局
Vue.prototype.$axios = axios

created:function(){
  var data = Qs.stringify({});
  this.$axios
  .post('/check', data)
  .then(suessResponse => {
   this.responseResult = JSON.stringify(suessResponse.data)
   if (suessResponse.data.code === 200) {
    this.$notify({
     title: '成功',
     message: suessResponse.data.message,
     type: 'suess'
    });
   }else{
    this.$notify({
     title:"失败",
     message:suessResponse.data.message,
     type:'error'
    })
   }
  })
  .catch(failResponse => {})
 }

package .blog.web.controller;


import .blog.mon.Result;
import .apache.log4j.Logger;
import .springframework.stereotype.Controller;
import .springframework.web.bind.annotation.CrossOrigin;
import .springframework.web.bind.annotation.RequestMapping;
import .springframework.web.bind.annotation.RequestMethod;
import .springframework.web.bind.annotation.ResponseBody;


@Controller
@RequestMapping("/blog/api")
public class MainController {

  private Logger logger = Logger.getLogger ( MainController.class );
  @RequestMapping ( value = "/check", method = RequestMethod.POST )
  @ResponseBody
  @CrossOrigin
  public Result check () {
    logger.info("MainController run");
    Result result = new Result();
    result.setMessage("SSM vue前后端框架搭建成功");
    return result;
  }

}