programing

Django의 정적 파일 가져오기에는 Vue.js.vue 템플릿 내 작업이 포함됩니다.

bestcode 2022. 8. 27. 09:37
반응형

Django의 정적 파일 가져오기에는 Vue.js.vue 템플릿 내 작업이 포함됩니다.

Vue.js v2 / webpack으로 구축된 Django SPA가 있습니다.

Django 스태틱템플릿 태그를 사용하여 Vue.js 템플릿 내의 이미지 등에 대한 참조를 추가할 수 있도록 하고 싶다..vue파일을 표시합니다.

지금 내 안에base.htmlDjango 템플릿:

{% load static %}
{% load render_bundle from webpack_loader %}
<html>
   <head>
      <!-- This works fine here! -->
      <link rel="stylesheet" href="{% static 'css/test.css' %}" />
      ...
   </head>
   <body> 
      <div id="app">
        <!-- Vue.js app gets mounted here -->
      </div>
   </body>
</html>

물론 SPA에 사용하는HTML 페이지입니다.

하지만 제가 정적 태그를 사용하려고 할 때,.vue다음과 같은 템플릿 파일:

{% static 'js/test.js' %}

동작하지 않습니다.물론 Django는 서버측이고 Vue는 클라이언트측이기 때문에 보간되지 않습니다.

정적 파일, 미디어, 로컬/스테이징/프로듀싱 환경에서도 서로 다른 스토리지 백엔드를 사용하기 때문에 하드 링크가 아닌 정적 파일 태그를 계속 사용해야 합니다.

Django/Vue.js를 사용하여 이 문제를 해결할 방법이 있습니까?템플릿 클라이언트에 링크된 정적 파일을 얻는 데 적합한 솔루션은 무엇입니까?

좋은 해결책?직무 분리왜 Django 템플릿이 관여해야 합니까?프런트 엔드 코드로 모든 렌더링을 처리할 수 있습니다.백엔드는 rest api 엔드포인트만 제공할 수 있습니다.

언급URL : https://stackoverflow.com/questions/44317983/getting-djangos-staticfiles-includes-working-inside-vue-js-vue-templates

반응형