【问题标题】:Undefined error in Laravel URL (404 not found)Laravel URL 中的未定义错误(未找到 404)
【发布时间】:2018-06-16 16:22:47
【问题描述】:

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

对于问题的描述,我深表歉意,但我不知道如何提问。

我收到这个错误:

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

我什至可以访问其他响应数据:

路线:

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

组件.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>

【问题讨论】:

    标签: vue.js get undefined laravel-5.6


    【解决方案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);
            });
    

    `

    【讨论】:

      猜你喜欢
      • 2015-02-04
      • 2018-01-04
      • 2016-08-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-08-08
      • 2013-12-23
      • 1970-01-01
      相关资源
      最近更新 更多