如何在我的 Vercel 托管应用程序上重写 URL 以隐藏查询参数并显示更清晰的 URL？

Question

如何在我的 Vercel 托管应用程序上将查询页面的 URL 从“/query?data=query_data”重写为“/query/query_data”，而不使用 vercel.json 或 Nuxt 在 URL 上显示“?data=” .js 重写？

用户有一个名为

query.vue

的Vue文件，当URL

"/query?data=query_data"

被访问时显示查询数据。但是，用户想要在 URL 上显示查询数据而不显示查询参数 (

?data=

)。所需的 URL 结构是

"/query/query_data"

。用户已尝试使用

vercel.json

和 Nuxt.js 重写来实现此目的，但是这两种方法都不适用。该应用程序托管在 Vercel 上。