vue 请求后台数据的实例代码

import VueResource from 'vue-resource'
Vue.use(VueResource);

 "dependencies": {
  "vue": "^2.2.6",
  "vue-resource":"^1.2.1"
 },

mounted: function () {
    // GET /someUrl
    this.$http.get('http://localhost:8088/test').then(response => {
       console.log(response.data);
      // get body data
      // this.someData = response.body;

    }, response => {
      console.log("error");
    });
  },

response.setHeader("Aess-Control-Allow-Origin", "");

 <div id="app-7">
    <form @submit.prevent="submit">
      <div class="field">
        姓名
        <input type="text"
            v-model="user.username">
      </div>


      <div class="field">
        密码
        <input type="text"
            v-model="user.password">
      </div>


      <input type="submit"
          value="提交">
      </form>
  </div>

methods: {
    submit: function() {
     var formData = JSON.stringify(this.user); // 这里才是你的表单数据

     this.$http.post('http://localhost:8088/post', formData).then((response) => {
       // suess callback
       console.log(response.data);
     }, (response) => {
        console.log("error");
       // error callback
     });
    }
  },

public class CommonInterceptor implements HandlerInterceptor {

  private List<String> excludedUrls;

  public List<String> getExcludedUrls() {
    return excludedUrls;
  }

  public void setExcludedUrls(List<String> excludedUrls) {
    this.excludedUrls = excludedUrls;
  }

  /
   
    在业务处理器处理请求之前被调用 如果返回false
    从当前的拦截器往回执行所有拦截器的afterCompletion(),
    再退出拦截器链, 如果返回true 执行下一个拦截器,
    直到所有的拦截器都执行完毕 再执行被拦截的Controller
    然后进入拦截器链,
    从一个拦截器往回执行所有的postHandle()
    接着再从一个拦截器往回执行所有的afterCompletion()
   
    @param request
   
    @param response
   /
  public boolean preHandle(HttpServletRequest request, HttpServletResponse response,
               Object handler) throws Exception {
    response.setHeader("Aess-Control-Allow-Origin", "");
    response.setHeader("Aess-Control-Allow-Methods", "");
    response.setHeader("Aess-Control-Max-Age", "3600");
    response.setHeader("Aess-Control-Allow-Headers",
        "Origin, X-Requested-With, Content-Type, Aept");
    return true;
  }

  // 在业务处理器处理请求执行完成后,生成视图之前执行的动作
  public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler,
              ModelAndView modelAndView) throws Exception {

  }

  /
   
    在DispatcherServlet完全处理完请求后被调用
    当有拦截器抛出异常时,
    会从当前拦截器往回执行所有的拦截器的afterCompletion()
   
    @param request
   
    @param response
   
    @param handler
   
   /
  public void afterCompletion(HttpServletRequest request, HttpServletResponse response,
                Object handler, Exception ex) throws Exception {

  }
}