nginx - django 2 -angular 6 / 角度路由在重新加载页面后得到 404
Posted
技术标签:
【中文标题】nginx - django 2 -angular 6 / 角度路由在重新加载页面后得到 404【英文标题】：ngnix - django 2 -angular 6 / angular routing get 404 after reload page 【发布时间】：2018-12-30 19:16:44 【问题描述】：它的 django 和 angular 6（使用静态文件）项目。当我刷新浏览器时，我得到 404 not found 错误 .. 我几乎没有搜索，根据这个 answer 我这次在刷新工作中做了同样的事情（不要得到 404）但是我得到服务器错误，说下面的错误 *请看我上传的图片：
*角度静态文件在静态文件夹中
"Http failure during parsing for http://robinlearn.com/api/v1/store/view-global-discount/"
name: "HttpErrorResponse"
url.py:
urlpatterns = [
url(r'^(?!ng/).*$', HomePageView.as_view(),name="angular_app")
]
urlpatterns += static(base.STATIC_URL, document_root=base.STATIC_ROOT) + \
static(base.MEDIA_URL, document_root=base.MEDIA_ROOT)
urlpatterns += static(base.ANGULAR_URL, document_root=base.STATIC_ROOT)
查看：
class HomePageView(TemplateView):
def get(self, request, **kwargs):
return render(request, 'index.html', context=None)
nginx 配置：
listen 80;
server_name robinlearn.com;
location = /favicon.ico access_log off; log_not_found off;
location /static/
root /home/bio/academy;
location /
include proxy_params;
#proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_pass http://unix:/home/bio/academy/academy.sock;
设置：
PROJECT_ROOT = os.path.dirname(os.path.dirname((__file__)))
#STATIC_ROOT = BASE_DIR+'/academy/staticfiles'
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join((BASE_DIR),"static")
#MEDIA_ROOT = os.path.join(os.path.dirname(BASE_DIR),"media")
SS_ROOT = os.path.join(os.path.dirname(os.path.dirname(os.path.abspath(__file__))))
# Extra places for collectstatic to find static files.
STATICFILES_DIRS = (
os.path.join(PROJECT_ROOT, 'static'),
)
这是我加载静态角度的 index.html（在模板文件夹中）
% load static %
<!DOCTYPE html>
<html lang="fa" id="persain">
<head>
<meta charset="utf-8">
<title>robin</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="% static 'favicon.png' %">
<link rel="stylesheet" href="% static 'styles.9be16346d4b858749d38.css' %"></head>
<body>
<app-root>Loading . . .</app-root>
<script type="text/javascript" src="% static 'runtime.6afe30102d8fe7337431.js' %"></script>
<script type="text/javascript" src="% static 'polyfills.b0205464c9bd4e7fe3b3.js' %"></script>
<script type="text/javascript" src="% static 'scripts.59ed76cc23ba77b0ec72.js' %"></script>
<script type="text/javascript" src="% static 'main.bfc87555f7931caf0a5b.js' %"></script>
</body>
</html>
【问题讨论】：
您的后端 API 端点不工作。 Django 正在返回 index html 页面。修复你的路线 你需要有你的基础根'/'来服务索引html页面和'/api/....'来服务后端逻辑 怎么样？你能把你的解决方案写成答案吗？ 这是不是你的代码？您可以首先将行 url(r'^(?!ng/).*$', HomePageView.as_view(),name="angular_app") 移动到最底部而不是像现在这样的顶层，这样假设这些行之一是您的 API，Django 会优先考虑 API url 是的，现在已经修复了 【参考方案1】：将 url(r'^(?!ng/).*$', HomePageView.as_view(),name="angular_app") 行移动到最底层，而不是像现在这样的顶层，这样假设这些行之一是您的 API，Django 会优先考虑 API url
【讨论】：
以上是关于nginx - django 2 -angular 6 / 角度路由在重新加载页面后得到 404的主要内容，如果未能解决你的问题，请参考以下文章
64. Django 2 生产环境部署 uwsgi nginx