반응형
Django의 정적 파일 가져오기에는 Vue.js.vue 템플릿 내 작업이 포함됩니다.
Vue.js v2 / webpack으로 구축된 Django SPA가 있습니다.
Django 스태틱템플릿 태그를 사용하여 Vue.js 템플릿 내의 이미지 등에 대한 참조를 추가할 수 있도록 하고 싶다..vue
파일을 표시합니다.
지금 내 안에base.html
Django 템플릿:
{% 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
반응형
'programing' 카테고리의 다른 글
Vuex를 사용하여 어레이 요소를 효과적으로 관리하는 방법 (0) | 2022.08.28 |
---|---|
Java 어레이 리플렉션: isArray vs. instance of (0) | 2022.08.28 |
Vuex 모듈 - ..mapGetters correvctly를 설정할 수 없습니다. (0) | 2022.08.27 |
SDL2에서 텍스트를 렌더링하는 방법 (0) | 2022.08.27 |
VueJ: 라우터 뷰를 통해 루트 요소에서 자 컴포넌트로 데이터 전달 (0) | 2022.08.27 |