Next.js Fetch API无法加载webpack:///./pages/index.js?。 URL方案必须为“ http”或“ https”才能进行CORS请求

Next.js Fetch API无法加载webpack:///./pages/index.js?。 URL方案必须为“ http”或“ https”才能进行CORS请求

你好!我第一次在项目中使用Next.js(9.1.1)。 初始加载主页后,可以通过Link(由Next.js提供)导航到其他页面,这是客户端导航。

但是,当我通过链接导航到主页时,出现了类似顶部图片中的错误。然后,主页被刷新并正确呈现,在开发环境中就是这种情况。

在生产模式下,它不会刷新,并通过简单消息“发生意外错误”显示错误。

我现在不知道要解决此问题。我猜getInitialProps可能会导致此问题。主页中的getInitialProps与其他页面中的getInitialProps不同。

mtop.filter{it.sub.isnotEmpty()}.groupBy{it.sub[0].group}
Main.getInitialProps = async ({ store }) => {
    await store.dispatch({
        type: LOAD_POSTS_REQUEST
    });
    await store.dispatch({
        type: LOAD_RANDOM_POSTS_REQUEST
    });
};

这是标题上的链接,用于导航到主页:

Category.getInitialProps = async context => {
    const category_name = context.query.category_name;
    // console.log("Search querystring : ",keyword);
    if (category_name !== "undefined") {
        context.store.dispatch({
            type: LOAD_CATEGORY_POSTS_REQUEST,category: category_name
        });
    }

    return { category_name };
};
ac2234 回答:Next.js Fetch API无法加载webpack:///./pages/index.js?。 URL方案必须为“ http”或“ https”才能进行CORS请求

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/3126893.html

大家都在问