tailwindcss.com部分页面无法访问

页面报错

部分页面访问时,报错“Internal Server Error”或下图错误:

报错原因

项目的 next.config.ts 文件中有如下配置:

async rewrites() {
    return ["plus", "plus-assets", "vendor", "nova-api"].flatMap((path) => [
    {
        source: `/${path}`,
        destination: `https://tailwindui.com/${path}`,
    },
    {
        source: `/${path}/:path*`,
        destination: `https://tailwindui.com/${path}/:path*`,
    },
    ]);
},

这些配置的意思,当前访问 http://localhost:3000/plus/xxx 时,实现返回 https://tailwindui.com/plus/xxx 的内容;之所以这样返回,是因为 /plus/ 路径下的页面是付费会员相关页面,这些页面并不开源,也不存在于 tailwindcss.com 开源项目中;而且这些页面只能从 tailwindui.com 域名下访问,否则会报跨域错误。

修改报错

1>. 如下图所示,但凡与会员页面相关的跳转,在点击时都会报错,而且是直接当前页面报错;


2>. 在新标签中打开会员页面,确保当前页面不报错;

修改如下两文件,让无法访问页面直接在浏览器新标签中的打开;

src\components\docs-sidebar.tsx
src\components\header.tsx




举报

© 著作权归作者所有


0