Vuejs2 如何为管理前端和主站点前端nuxt js使用不同的css文件

我正在尝试为我的项目使用两种不同的布局。目前我在nuxt配置文件中使用css文件，如下所示

css: [

   '~assets/css/main.css',
   '~assets/css/admin.css',
 ],

它可以工作，但问题是，如果我为管理员布局添加css文件，所有前端和管理员css都会在这两个位置使用。如何单独使用这些css？

---

谢谢。

文档告诉您：“Nuxt.js允许您定义要全局设置的CSS文件/模块/库（包括在每个页面中）。”。那么，您有两个文件要包含在不同的页面中？不要将它们添加到

numxt.config.js

，将特定文件添加到每个布局页面。是的，也尝试这样做。使用本地设置。head:{link:[{rel:'stylesheet'，href:'assets/css/main.css'}]}，拒绝应用“”中的样式时会出现错误，因为它的MIME类型（'text/html'）不是受支持的样式表MIME类型，并且启用了严格的MIME检查。确定我解决了它。文件已被公开访问