小编bma*_*765的帖子

在React + Django应用程序中加载图像

所以我有一个用python/django编写的小项目用于后端并为前端做出反应.我按照以下教程:http://geezhawk.github.io/using-react-with-django-rest-framework

我想显示项目徽标的图像,webpack构建成功,但是,当我看到页面时图像无法加载,我想这是因为图像的编译URL无法从django的网址,也访问网址只是加载相同的索引页....

在这一点上,我不确定如何解决它,但如果有人能指出一个如何执行此操作的示例代码,如何在react + django项目中加载图像,我将不胜感激.

编辑
项目结构

project
|- api
|  |- models.py
|  |- serializers.py
|  |- views.py
|- assets
|  |- bundles
|  |- js
|- node_modules
|- project
|  |- settings.py
|  |- static
|  |- urls.py
|- templates
|  |- index.html
Run Code Online (Sandbox Code Playgroud)

在urls.py里面

    url(r'^$', TemplateView.as_view(template_name='index.html'))
Run Code Online (Sandbox Code Playgroud)

这是我的index.html

{% load render_bundle from webpack_loader %}
<!DOCTYPE html>
<html>
    <head>
        <title>Hello React</title>
    </head>
    <body>
        <div id="content"></div>
        {% render_bundle 'main' %}
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

这是我正在尝试在我的JS中加载图像的地方

import React from 'react'
import …
Run Code Online (Sandbox Code Playgroud)

python django reactjs webpack

6
推荐指数
1
解决办法
2959
查看次数

标签 统计

django ×1

python ×1

reactjs ×1

webpack ×1