Vue，与两条路线共享刀片/视图

Question

我被困在这里，我不确定最好的行动方案

目前我有一个 blade 和 vue 组件组成一个仪表板。我有一个加载仪表板视图的路由，以及另一个获取 ID 详细信息的路由（在事件发生时在仪表板内调用）。

这现在完美地工作。

问题是我希望能够从外部访问第二条路线（如 site.com/status/12345）并默认加载该 ID (12345) 的数据。

现在我点击 site.com/status 并在创建页面时调用它fetchEntries来获取数据，我根据该数据呈现一个带有链接的表格，所以如果你点击一个链接，它会将点击条目的 ID 传递到 status/{id}获取特定点击条目的详细信息。然后它将返回的数据加载到详细信息屏幕中。

我在这里要做的就是做到这一点，以便如果我调用 status/12345 它会命中该路由和我的控制器details方法。site.com/status我知道我也可以在创建页面时调用该函数，但我想知道如何处理和之间的区别site.com/status/12345。

我应该在这里做什么，我该怎么做？

这是我现在拥有的：

控制器.php

public function index() {

    return view('Entry.status');

}

public function details($id) {

    return json_encode(Entry::getDetails($id));

}

web.php（路线）

Route::get('/Entry/status', 'Entry\EntryController@index')

    ->name('Entry.status');

Route::get('/Entry/status/{id}', 'Entry\EntryController@details')

    ->name('Entry.status');

状态.vue

created() {

    this.fetchEntries();

 },

fetchEntries() {

  axios.get('/Entry/dashboard')

  .then(response => {

    this.events = response.data;

  })

  .catch(function(error) {

    console.log(error)

  })

  .finally(function() {

  })

},

getDetails(event) {

    this.detailId = event.taskt_id;

    axios.get('/Entry/status/' + this.detailId)

        .then(response => {

    ...

}

Answer 1

如果我正确理解你的问题。我认为你可以做这样的事情。public function details($id) {    if (request()->wantsJson()) {        return json_encode(Entry::getDetails($id));    }    return view('Entry.detail');}这是你想要的吗？