我目前正在使用 NextJS、TailwindCSS 和 MUI React UI 库构建一个项目。

每当我尝试向我的项目添加 MUI 按钮时，它工作正常，但按钮的颜色保持白色。

悬停时颜色恢复正常，单击按钮时仍然具有波纹效果。但当不悬停时，它会返回白色。

通过从我在 _app.{js,jsx.ts,tsx} 文件中导入的全局 css 文件中删除 tailwind 指令，该按钮再次正常工作，但这也将删除 TailwindCSS。

有没有办法在保留指令的同时修复它？或者可能使用另一种方法包含 tailwind CSS？

更新（15/8/2022）

MUI 团队现在添加了对 tailwind CSS 的支持，请点击此链接获取说明 https://mui.com/material-ui/guides/interoperability/#tailwind-css

我想构建一个简单的 Next.js 路由来处理付款。在该路线的处理程序中，我通过 fetch 对第三方服务进行评论以处理付款。其中一个标头是一个令牌（任何人都不应该看到的安全令牌）。我将令牌保存在路由处理程序内的字符串变量中，并在 fetch 调用中使用它。

我的问题是，这安全吗？API文件夹是否像其他东西一样暴露给前端？