springboot 和 vue-resource 跨域访问

vue-resource 配置

import VueResource from 'vue-resource'
Vue.use(VueResource);
Vue.http.options.root = 'http://127.0.0.1:10030';
Vue.http.options.emulateJSON = true;

springboot(2.x版本) 配置
这个注解放到单独的接口上则表示这个接口支持跨域
接口放到Controller上 则表示这个Controller种的所有接口支持跨域
接口放到父类Controller上则表示继承的该父类的所有Controller支持跨域

@CrossOrigin 使用这个注解

使用
vue-resource

methods: {
      getcode() {
        this.$http.post('user/register/getPhoneVerificationCode', {'phone': this.phone}).then(function (res) {
          console.log("验证码获取成功");
          console.log(res);
        }, function (res) {
          console.log(res);
          console.log("验证码获取失败")
        });
      },
      register() {
        console.log(this.phone)
        console.log(this.password)
      }
    }

springboot

 @ResponseBody
    @RequestMapping("/pageQuery")
    public Result pageQuery(@NotNull @Min(1) Integer page, @NotNull @Max(300) Integer limit) {
        return userService.pagedQueryUser(page, limit);
    }

你可能感兴趣的:(springboot 和 vue-resource 跨域访问)