現在、GAEインスタンスへデプロイを目的としてNuxt.jsでビルドした静的ファイルをDjangoアプリ内に組み込みたく
生成されたファイルのhtmlファイルをnuxtフォルダへ。jsファイルをstaticフォルダ内へ移行したのですが
ページにアクセスするとページがすべて表示されず、consoleにて以下のメッセージが出ました
Refused to execute script from '<URL>' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.
Networkでは各jsファイルのステータスコードは200で読み込みは確認できたのですがスクリプトとして実行ができません
開発時はDocker環境内でNuxt.js <=> Nginx <=> Djangoのコンテナ構成では問題なく動作しており
Nuxtでビルドした同様のファイルをFirebase Hostingにデプロイした際には問題なく表示できたので
Djangoに組み込んだ故の不具合だとは思うのですが、どの様に対応すればよいかわかりません
Djangoアプリのディレクトリ構成
django_app/ ┣ config/ ┣ api/ # REST APIフォルダ ┣ nuxt/ ┃ ┗ index.html # Nuxtのindex ┣ static/ ┃ ┗ _nuxt/ # Nuxtのjsファイル ┣ manage.py ┗ requirements.txt
Django3.2
Nuxt.js7.16.0
試した事
pythonのwhitenoiseモジュールでDjangoのstatic構造に組み込みを試みましたが改善はみられず
python
1# settings.py 2MIDDLEWARE = [ 3 'django.middleware.security.SecurityMiddleware', 4 'whitenoise.middleware.WhiteNoiseMiddleware', 5] 6 7STATIC_URL = '/static/' 8STATIC_ROOT = os.path.join(BASE_DIR, "static") 9 10STATICFILES_STORAGE = "whitenoise.storage.CompressedManifestStaticFilesStorage" 11# Nuxt.jsが書き出すjavascriptへのパス 12STATICFILES_DIRS = [os.path.join(BASE_DIR , 'static/_nuxt/')] 13 14WHITENOISE_MIMETYPES= { 15 '.js': 'application/x-javascript' 16}
python
1# config/urls.py 2urlpatterns = [ 3 path('api/', include('api.urls')), 4 path('admin/', admin.site.urls), 5 re_path('', TemplateView.as_view(template_name='index.html')), # Nuxtのindex.htmlファイルにルーティング 6]
どなたかご教授お願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。