下一个 js 动态路由在刷新时重定向到主页

时间:2021-02-03 20:52:19

标签: reactjs next.js

我的项目中有一个动态路由,它不是 ssr。 enter image description here

当我刷新页面时,它重定向到主页,但在其他页面中 刷新按预期工作。 我实际上已经将 trailingSlash: true 添加到我的 next.config 中,但它仍然不起作用。

 const redirectToLivePage = async () => {
    const result = await dispatch(
      getMeetingAction(meetingId, { shares_count: shares }),
    );
    
    if (result.ok) {
      router.push(`/meetings/${meetingId}/shares_count=${shares}`);
    }
  };

这是我的动态页面的代码。

const MeetingPage = () => {
  useEffect(() => {
    let interval;
    if (data?.data.stream_status !== 'complete') {
      interval = setInterval(() => {
        dispatch(getMeetingAction(id, { shares_count: shares }));
      }, 5000);
    }

    return () => {
      clearInterval(interval);
    };
    
  }, [data]);

  return (
      <>
        {data?.data?.stream_status === 'complete' ? (
          <Player src={data?.data?.stream_hls_playlist || ''} />
        ) : (
          <div
            className={s.poster}
            style={{ backgroundImage: `url(${poster})` }}
          >
            <div className="container">
              <p>{BE_PATIENT}</p>
            </div>
          </div>
        )}
        <div className={cs('container', s.message)}>
          <SendMessage id={data?.data?.id} />
        </div>
      </>
  );
};

export default MeetingPage;

它发生在生产中,在本地运行良好。

0 个答案:

没有答案