解決したいこと
現在、Vue.jsとDjangoを使ったSPAを作成しております。
Heorkuへデプロイする際に、Vue側のビルドされた静的ファイルをcollectstaticコマンドでDjangoのプロジェクト直下に集約しようと考えたのですが、SuspiciousFileOperationというエラーを吐いてしまいました。
原因と対応策についてご教授いただければ幸いです。
エラー内容
$ python manage.py collectstatic --noinput
上記、コマンドを入力すると、下記のエラーが発生します。
django.core.exceptions.SuspiciousFileOperation: The joined path (/home/project/server/static/fonts/materialdesignicons-webfont.8a670406.eot) is located outside of the base path component (/home/project/server/staticfiles)
ディレクトリ構成
project/ ├─server/ | ├─server/ // projectディレクトリ | ├─app/ // appディレクトリ | ├─static/ // Vueからビルドされたファイルが格納される | ├─templates/ | | └─index.html // Vueから出力されるindex.html | └─manage.py.py | └─client/ ├─src/ └─vue.congig.js
現状のソースコード
python
1# settings.py 2STATIC_URL = '/static/' 3STATICFILES_DIRS = [os.path.join(BASE_DIR, "static")] 4STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
javascript
1// vue.config.js 2outputDir: '../server/', 3assetsDir: 'static', 4indexPath: 'templates/index.html',
以上、よろしくお願いいたします。
あなたの回答
tips
プレビュー