Javascript 获得Django'；静态文件包括在Vue.js.Vue模板内工作_Javascript_Django_Webpack_Vue.js_Vuejs2

Javascript 获得Django'；静态文件包括在Vue.js.Vue模板内工作

javascript django webpack vue.js vuejs2

Javascript 获得Django'；静态文件包括在Vue.js.Vue模板内工作,javascript,django,webpack,vue.js,vuejs2,Javascript,Django,Webpack,Vue.js,Vuejs2,我有一个用Vue.js v2/webpack构建的Django水疗中心我希望能够使用Django静态模板标记在Vue.js模板.Vue文件中添加对图像等的引用现在，在Django的mybase.html模板中： {% load static %} {% load render_bundle from webpack_loader %} <html> <head>  &

我有一个用Vue.js v2/webpack构建的Django水疗中心

我希望能够使用Django静态模板标记在Vue.js模板

.Vue

文件中添加对图像等的引用

现在，在Django的my

base.html

模板中：

{% 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>

它不起作用-它永远不会被插值，因为Django当然是服务器端的，Vue是客户端的

我希望继续使用staticfiles标记（而不是硬链接），因为我使用不同的存储后端处理静态文件、介质，甚至来自本地/暂存/产品环境

关于如何使用Django/Vue.js处理这个问题，有什么想法吗？让静态文件链接到客户端模板的好办法是什么？

好办法？职责分离。为什么要使用Django模板？前端代码可以处理所有渲染。您的后端只能提供RESTAPI端点。

这几乎不是一个答案。你以前用过Django吗？映射到静态URL非常重要。我现在正在开发一个应用程序，它就是后端的Django和前端的Vuejs。Django部分根本不关心渲染。我没有使用任何涉及Django模板、静态文件等的东西。所有渲染都由前端Vuejs代码处理。我的唯一观点是，您需要质疑使用Django模板的决定。如何链接到静态资产（如图像）？用户上传的文件？我不处理用户上传的文件/媒体，但任何其他图像都在

src\images

中，并将通过webpack获取。您看过关于后端集成的Vue文档了吗？你在使用collectstatic命令时得到了吗？例如，在heroku上运行有点困难。

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