Question

我从laravel和vue.js开始。我将要显示的以下代码是从我编写的另一个代码中复制的，并且它可以正常工作。我一直在寻找错误的日子，但我找不到任何东西。我需要这个才能继续。

我为问题的描述道歉，但我不知道如何问这个问题。

我收到此错误：

我正确地获得了查询的结果。视图正确加载但不显示数组数据。

我甚至可以访问其他响应数据：

路线：

Route::get('/oneminuteusers', 'OneMinuteUserController@index');

Component.vue：

<tbody>
   <tr v-for="user in usersArray" :key="user.id">
    <td v-text="user.user_name"></td>
    <td v-text="user.gender"></td>
    <td v-text="user.country"></td>
    <td v-text="user.games_played"></td>
    <td v-text="user.total_clicks"></td>
  </tr> 
</tbody>

        <script>
    export default {
      data() {
        return {
          username: "",
          country: "",
          gender: "",
          games_played: "",
          total_clicks: "",
          usersArray: [],
          totalUsers: "",
          criterio: "",
          buscar: ""
        };
      },
      computed: {

      },
      methods: {
        listUsers(buscar, criterio) {
          let me = this;
          var url = "/oneminuteusers?buscar=" +buscar +"&criterio=" +criterio;

          axios
            .get(url)
            .then(function(response) {
              var respuesta = response.data;
              me.usersArray = respuesta.users.data;
              me.totalUsers = respuesta.totalusers;
              console.log(me.totalUsers);
              console.log(response.data);
            })
            .catch(function(error) {
              console.log(error);
            });
        },
      },
      mounted() {
        this.listUsers(this.buscar, this.criterio);
      }
    };
    </script>

Answer 1

对于CROS，可能会出现此问题。该请求需要一些标头以允许访问跨域，要解决此问题，请更改您的请求，如下所示：

var url = "/oneminuteusers";
data = {
    buscar: buscar
    criterio: criterio
}
header = {
    "Access-Control-Allow-Origin": "*",
    "Access-Control-Allow-Headers": "X-CSRF-TOKEN, Origin, X-Requested-With, Content-Type, Accept, Access-Control-Allow-Origin"
}

axios.get(url, data, header)
        .then(function(response) {
          var respuesta = response.data;
          me.usersArray = respuesta.users.data;
          me.totalUsers = respuesta.totalusers;
          console.log(me.totalUsers);
          console.log(response.data);
        })
        .catch(function(error) {
          console.log(error);
        });

`

Laravel URL中的未定义错误（未找到404）

1 个答案: