vue.js - vue-resource如何使用$http.jsonp实现增删查改？

问题描述

问 题

现在有个问题是这样的，我现在的开发环境是前后端分离的，一位同事在写后端，只给我提供API，然后我去发送ajax获取数据就成，但是有时一个URL包含了增、删、改、查，比如http://127.0.0.1:999/currentuser这个URL，

1. post 用户登陆验证

2. delete 用户退出

3. update 更新用户资料

后端是tornado

我再methods里面写了一个方法，代码如下：

methods: {
      UserLogin: function (event) {
        this.loading = true

        this.$http({
          method: "JSONP",
          url: "http://127.0.0.1:999/currentuser",
          data: "{1:2}",
        }).then((response) => {
          console.log('成功')
          console.log(response)
        }, (response) => {
          console.log('失败')
          console.log(response)
        })
      }
    }

报错如下：

还有就是发送JSPNP的时候难道就不能指定post,get,delete嘛？如果不能那前后端分离是怎么实现的？

解决方案

前段项目启动在node环境,用node做代理

这篇关于vue.js - vue-resource如何使用$http.jsonp实现增删查改？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！