Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从Nextjs/React应用程序中的URL获取令牌？_Javascript_Reactjs_Next.js - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何从Nextjs/React应用程序中的URL获取令牌？

Javascript 如何从Nextjs/React应用程序中的URL获取令牌？

javascript reactjs next.js

Javascript 如何从Nextjs/React应用程序中的URL获取令牌？,javascript,reactjs,next.js,Javascript,Reactjs,Next.js,我正在从事一个基于API的项目 我的前端接口是React和Next.js，API后端构建是Laravel 我有一个前端页面，在URL中有一个标记，我在我的Laravel后端中创建了该标记以识别用户 问题： 如何从客户端的URL中获取令牌，以便在post请求中将其发送回我的后端，以比较和验证用户，然后将其插入我的数据库？您可以使用道具检索它，（忽略这一点。如果您将函数组件用作您的页面） 您还需要有这样的路由定义 <Route exact path="/add-account/:to

我正在从事一个基于API的项目

我的前端接口是React和Next.js，API后端构建是Laravel

我有一个前端页面，在URL中有一个标记，我在我的Laravel后端中创建了该标记以识别用户

问题：

如何从客户端的URL中获取令牌，以便在post请求中将其发送回我的后端，以比较和验证用户，然后将其插入我的数据库？

您可以使用道具检索它，（忽略
这一点。
如果您将函数组件用作
您的页面
）

您还需要有这样的路由定义

<Route exact path="/add-account/:token" component={YourPage}/>
我用next.js找到了响应

为名称文件构建动态路由，如下所示[token].js

然后像这样使用destructuring和hooks useRouter：

const router=useRouter（）


const{token}=router.query
你的url（带标记）看起来怎么样？@AmilaSenadheera。谢谢你的回答

<Route exact path="/add-account/:token" component={YourPage}/>