Question

请帮助我，如何使用Vue.js发出的请求发布数据

有Vue的代码

let tests = {
    cat1: {
        name: 'Auth',
        items: {
            authorize2: {
                name: 'Successful',
                subname: '',
                request: {
                    method: 'POST',
                    link: 'auth',
                    data: {
                        login: 'admin',
                        password: 'password'
                    }
                },
                test: (result, status) => {
                    if (status.status == 200) {
                        return true;
                    }

                    return false;
                }
            }}}}

接收此代码的PHP页面在POST数据存储中没有任何内容。

Answer 1

最初，Vue使用vue-resource包通过$ http实例属性执行POST请求：

login(){
    var data = {
      login: 'admin',
      password: 'password'
    }
    this.$http.post('/auth', data)
        .then(response => { /* success callback */ }, response => { /* error callback */ })
}

在Vue2 vue-resource was retired中，他们开始推荐Axios。他们还提供了一种override the $http instance property的访问方式，允许您以类似的方式调用axios库。

this.$http.post('/auth', data)
    .then(response => { /* success callback */ })
    .catch(error => { /* error callback */ })

或者您可以仅加载Axios软件包并直接调用它：

const axios = require('axios');

...

axios.post('/auth', data)
    .then(response => { /* success callback */ })
    .catch(error => { /* error callback */ })

您甚至可以选择使用普通js或其他类似jQuery的库，并使用$ .ajax（）在您的Vue实例中发出请求，但是using axios是来自Vue的当前推荐。

如何使用PHP从VueJS发布数据？

1 个答案: