Vue.js 如何使所有资源本地化?

Vue.js 如何使所有资源本地化?,vue.js,nuxt.js,vuetify.js,Vue.js,Nuxt.js,Vuetify.js,我用Nuxt.js和Vuetify插件做web应用 它应该在没有互联网的情况下工作。现在我下载css和字体时出错: 如何使所有资源都成为本地资源?这是一个有效的问题,不知道为什么评论中会有其他的表述,只是表述得不太清楚。他询问如何在本地加载字体和css。 Vuetify将自动尝试从CDN获取字体和图标(如果单击请求并检查请求URL,您将看到这些字体和图标)。 您必须从NPM本地安装图标和字体。 以下是如何在本地安装图标 安装图标: npm安装材料设计图标 在nuxt.config.js中 全局

我用Nuxt.js和Vuetify插件做web应用

它应该在没有互联网的情况下工作。现在我下载css和字体时出错:


如何使所有资源都成为本地资源?

这是一个有效的问题,不知道为什么评论中会有其他的表述,只是表述得不太清楚。他询问如何在本地加载字体和css。 Vuetify将自动尝试从CDN获取字体和图标(如果单击请求并检查请求URL,您将看到这些字体和图标)。 您必须从NPM本地安装图标和字体。 以下是如何在本地安装图标

安装图标: npm安装材料设计图标

在nuxt.config.js中 全局添加css

 css : [
       '@mdi/font/css/materialdesignicons.min.css'
    ],

 buildModules: [
      '@nuxtjs/vuetify',
      ['@nuxtjs/vuetify', { iconfont: 'mdi' }]
    ]
对于字体,如果希望Vuetify在本地加载默认字体,则需要使用类似的方法。我个人使用nuxt webfont loader,但它确实使用CDN,但它是异步的。您可以尝试使用vuetify设置,例如禁用默认设置并将其添加到Nuxt中常见的assets文件夹:

vuetify: {
  treeShake: true,
  defaultAssets: {
    font: false,
    icons: 'mdi',
    },
}

您能给我们展示一下您的一些配置吗(
package.json
numxt.config.js
是一个很好的开始)?很难在这方面帮助你。还有,到目前为止你都试了些什么?这是默认的,因为你的问题是什么?你想要一个关于如何从头开始实现这一点的教程吗?事实并非如此。因此,你的问题应该结束了。如果您确实有特定的技术问题,我们可以提供帮助。我们不应该为你做所有的工作。结束一个问题,也就是“询问教程”,这是一个社区原因。在这里,OP完全没有对他的问题做任何努力,并且展示了他自己的研究或尝试。在这里,只是来询问如何做事并不是一种好的做事方式。除此之外,我完全可以回答他的问题,但这取决于他正试图用Vuetify/他的字体做什么,还有,是的,他需要做的该死的10%的工作。