Django使用Angular.js静态文件

Question

我使用Angular作为前端，Django作为后端。

我面临的是我的服务器加载静态文件的速度非常慢。虽然，当我运行服务器时，html显示静态文件存在，但是当我点击网址时，它只是继续加载文件并最终崩溃这是 GitHub链接：https://github.com/Honesty1997/my-lotto-game.git

希望你能帮我找到问题！我确定django静态文件设置没问题！

Answer 1

我发现您的应用存在一些问题

1。错过在index_production.html内的脚本标记中使用双引号。您需要在两个双引号之间使用单引号。

您的代码中有很多地方未使用双引号，请仔细检查。你可以改变你的代码：

//             +--------------------------------+---- use single quote instead
//             v                                v
src="{% static '/node_modules/angular/angular.js' %}"

2。使用绝对路径而不是relpath

angular.module('app').component('myComponent', {
    templateUrl: "/static/js/app.template.html", // <---- add '/' before static
    controller: ['$http', appController],
});

3。将所有静态文件移到＆＃39; src＆＃39;

下

src
|---facebooklotto
|---lotto
|---static
|---db.sqlite3
|---manage.py

并更改您的静态文件设置：

STATIC_URL = '/static/'
# STATIC_ROOT = os.path.join(BASE_DIR, "static")
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "static"),
]

完成上述更改后，我可以运行您的webapp。希望它会有所帮助...