【Vuetify】关闭nuxt.js加载cdn图标和字体

Chason
2022-01-12 / 0 评论 / 0 点赞 / 790 阅读 / 542 字
温馨提示:
本文最后更新于 2022-01-12,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

解决方法

nuxt.config.js文件

  vuetify: {
    // 关闭所有cdn图标和字体的加载
    defaultAssets:false,
    ......
  },

补充

参考原文:(离线方式加载)

https://blog.csdn.net/junior_programmer/article/details/108748952

  1. 在nuxt .config.js中head.link中添加如下配置,再进行编译
head: {
  link: [
    {
       rel: 'stylesheet',
       href: '/css/materialdesignicons.min.css'
    }
  ]
  ...
}
  1. 下载图标文件
    https://www.jsdelivr.com/package/npm/@mdi/font
    将其中的 css 文件夹和 fonts 文件夹移动到编译后的根目录
    再进行部署即可访问

参考链接:

https://github.com/nuxt-community/vuetify-module#defaultAssets
https://github.com/nuxt-community/vuetify-module/issues/294
https://github.com/nuxt-community/vuetify-module/issues/108

0

评论区