用惯性JS传递时，在VUE中无法获得的道具无法访问

Question

我有一个inertiajs应用程序，其中我称之为具有以下链接的组件：

<Link href="/explore-data"
  class="rounded-lg bg-blue-500 hover:bg-blue-200 text-white text-md font-semibold tracking-wide p-2" 
  :data="{ selectedIds: selectedIds }">
  Proceed 
</Link>

然后，在我的web.php文件中，我将其传递给下一个组件，如下所示：

Route::get('/explore-data', function (\Illuminate\Http\Request $request) {

    return Inertia::render('ExploreData', [
        'cities' => \App\Models\City::all(),
        'selectedIds' => $request->selectedIds
    ]);
});

在我的exploredata组件中，我尝试访问SelectedIDS我创建的钩子中的支柱，但是将其打印出来，这表明它是无效的。奇怪的是，这仅发生在我的服务器上，当我在Local主持器上这样做时，它可以正常工作。这是我声明道具并尝试在探索的组件中称呼它的方式：

export default {

    props: {
        selectedIds: Object,
        cities: Object
    },

    ...

   created() {
        let t = this

        console.log('Selected IDS: ')
        console.log(this.selectedIds) // this gives me NULL on server, but not on localhost

        this.selectedIds.forEach(function(item) {
           // do something with my selectedIds
        })
       ....

有人知道这里可能发生什么以及如何修复它吗？

Answer 1

我发现这实际上是NGINX的问题，而不是惯性 / VUE的问题。我的nginx配置具有以下设置，该设置指定了如何处理查询字符串：

location / {
         # First attempt to serve request as file, then
         # as directory, then fall back to displaying a 404.
         try_files $uri $uri/ /index.php?query_string;
}

我必须将其更改为以下内容：

location / {
         # First attempt to serve request as file, then
         # as directory, then fall back to displaying a 404.
         try_files $uri $uri/ /index.php$is_args$query_string;
}

我不声称了解Nginx，但我只知道第一个设置没有拾取查询字符串适当地。