Laravel 是否有任何方法可以显示来自api的数据？

我正在构建一个spa，其中我需要从控制器获取数据。我从API获取数据，但我无法在vue控制器中显示数据

   export default {
 data() {
    return {
      ids:{},
        form: new Form({
          name:'',
          relation:'',
          gender:'',
          dob:'',
          marriage_status:'',
          matrimonial:'',
          email:'',
          mobile:'',
          father_name:'',
          mother_name:'',
          address:'',
          city:'',
          state:'',
          occupation:'',
          department:'',
          post_graduate_degree:'',
          post_graduate_university:'',
          post_graduate_university_city:'',
          post_graduate_university_state:'',
          post_graduate_university_percentage:'',
          post_graduate_year_of_passing:'',
          graduate_degree:'',
          graduate_university:'',
          graduate_university_city:'',
          graduate_university_state:'',
          graduate_university_percentage:'',
          graduate_year_of_passing:'',
          class_12_board : '',
          class_12_school_name:'',
          class_12_percentage:'',
          class_12_year_of_passing:'',
          class_12_city:'',
          class_10_board:'',
          class_10_school_name:'',
          class_10_percentage:'',
          class_10_year_of_passing:'',
          class_10_city:'',
          username:'',
          password:''

          })
        }
      },
    methods:{
  loaduser(){

   axios.get('api/userDetails').then(function (response) {
// handle success
 this.ids = response.data;
    console.log(response.data);
  console.log(this.ids);
  })
   },
      created() {
      this.loaduser();
   }
    }

我正在从api获取数据，但无法将该数据保存在ids对象中。如何做到这一点

我已经试过了 this.ids=response.data 但它不起作用

我想在ids对象中获得用户名、姓名、电子邮件等用户详细信息。或者如果有其他好的方法。 这是我的控制器文件

 <?php

namespace App\Http\Controllers\API;

use Illuminate\Http\Request;
use App\Http\Controllers\Controller;
use App\UserDetail;
use App\User;
use Illuminate\Support\Facades\Hash;
use Auth;

class UserDetailsController extends Controller
{

public function __construct()
{
 $this->middleware('auth:api');

}

/**
 * Display a listing of the resource.
 *
 * @return \Illuminate\Http\Response
 */
public function index()
{
  return auth('api')->user();
//return $user = Auth::user();
 }

你错过的一件事是“这个”。您正在将数据分配给局部变量。这里我更新了代码

export default {
  data() {
    return {
      ids:{},
      //
    },
  methods:{
    loaduser(){
      axios.get('api/userDetails').then(function (response) {
        // handle success
        this.ids = response.data;
        console.log(response.data);
        console.log(this.ids);
      })
    },
    //
  }
}

您的代码显示的是
ids=response.data
，它将其分配给一个局部变量——一个未声明的变量，因此您的代码甚至可能无法编译。请发布您实际使用的代码。请浏览我添加的代码：“我收到以下回复。创建地址：2019-10-24 14:52:03”电子邮件：*****xysesh1989@gmail.com“电子邮件地址：null gotra:“kashyap”id:1名称：“Durgesh Tanwar”更新地址：2019-10-24 14:52:03”用户名：“Durgesh”用户类型：“家庭”“原型：对象