在 next js 中更改 URL 无法正常工作答案

【问题标题】：changing the URL in next j s is not working properly在 next js 中更改 URL 无法正常工作
【发布时间】：2021-12-30 19:47:29
【问题描述】：

我目前正在处理下一个 j 的路由，我在 URL 中传递了多个参数，我想隐藏这些参数并只想显示一些文本

我在路由器中传递参数

Router.push({path name:"/Home/about/"+id +"/"+name+"/"+age});

我已经尝试将其实现为

router.push("/Home/about/" +id +"/" + name+ "/" +age, '/Home/about/'+name, { shallow: true })

但它不起作用，我的页面是

-Home
  -about
   -[...index].j s
  -index.j s

我没有找到我做错的地方，提前谢谢

【问题讨论】：

Router.push(/Home/about/${id}/${name}/${age}); 是您应该尝试的。检查这个：template literals
抱歉需要转义反引号：Router.push(`/Home/about/${id}/${name}/${age}`);
@arturasmckwcz 谢谢，第二个正在工作，但我该如何更改网址
我不完全确定你在问什么
我正在获取动态路由，URL 像 /Home/about/1/username/22 而不是这个，我只想像 /Home/about/username 一样显示

【解决方案1】：

第 1 步：在页面内创建一个文件夹并命名它，然后在其中创建一个文件 [...slug].js

pages:
_app.js
index.js
about:
  [...slug].js

试试这个：路由器.push(/about/${id}/${name}/${age})

【讨论】：

可以告诉我如何传递像 home/USA/about/1/name/23 这样的 url，当我这样传递时，它不会将 USA 作为参数，而是将 about 作为参数是我的文件夹名称
在页面内创建一个主文件夹，然后在主文件夹内创建一个 [...slug].js 文件。您可以访问所有参数。