У меня есть приложение vue, которое отображает веб-форму.
Недавно у меня начались проблемы, когда форма не загружается, и это сообщение будет отображаться в консоли:
Ресурс из «app.js» был заблокирован из-за несоответствия MIME-типа («text / html») (X-Content-Type-Options: nosniff).
Достаточно справедливо,Мне просто нужно убедиться, что файл возвращается с правильным типом MIME. Легко пописать.
Нет.
Как оказалось, когда возникает эта ошибка, это происходит потому, что app.js буквально возвращает HTML : https://prnt.sc/pn5cyq
По совпадению, HTML-код, который он возвращает, является содержимым моего index.html: https://prnt.sc/pn5fig
Если этого недостаточно, он делает это случайным образом. Когда вы обновляете страницу, иногда app.js возвращается корректно. Там нет рифмы или причины для этого. Если он вернется правильно, то одноразовый номер в имени файла останется прежним до следующей ошибки. Когда это происходит, последующее обновление не всегда решает проблему. Иногда это так. Иногда требуется несколько обновлений. Как я уже сказал, это совершенно случайно.
Мне удалось повторить эту проблему в Chrome, Safari и Firefox, поэтому она не выглядит проблемой для браузеров или расширений. Эта проблема возникает только тогда, когда я в производственном режиме. Похоже, проблема заключается в том, как vue компилирует производственный app.js.
Я пытался обновить vue и компилятор vue до версии 2.6.10, но это никак не отразилось.
IЯ в растерянности. SOS! Любая помощь будет принята с благодарностью.