Я использую Dockerized Laravel и nginx. Для этого проекта я сохранил @ mdi / font как производственную зависимость. Я также бегу npm install --production
. Я использую стандартную конфигурацию веб-пакета Laravel для создания производственного комплекта и не затрагивал стандартную конфигурацию Laravel Mix.
Вот мое приложение. js:
import Vuetify from 'vuetify';
import 'vuetify/dist/vuetify.min.css';
import '@mdi/font/css/materialdesignicons.css'
const Vue = require('vue');
Vue.use(Vuetify);
const app = new Vue({
el: '#app',
vuetify: new Vuetify({
icons: {
iconfont: 'mdi',
},
})
})
При загрузке шрифтов страница не может их загрузить. Кажется, он пытается загрузить шрифты из-за пределов каталога node_modules, например: GET https://myurl.com/fonts/vendor/@mdi/materialdesignicons-webfont.woff?63d2a5950fc212096c3612f71ae66f64 net::ERROR_ABORTED 404 (Not Found)
. @ mdi / font существует в моем каталоге node_modules, но почему он пытается выглянуть наружу? Это просто значки; vuetify.min.css
загружается правильно.
Мне удалось импортировать шрифты по CDN, но мне просто интересно, почему этот подход не сработает.