nginx 下 配置django admin css js

1 配置项目中 settings.py   修改 ADMIN-MEDIA_PREFIX  为 ADMIN-MEDIA_PREFIX = '/admin-media/';

2 修改nginx  对应location配置为

location ^~ /admin-media/

{

     alias /usr/local/lib/python2.7/dist-packages/django/contrib/admin/media/ ;

}

3 重启nginx  重启 django 项目

转载于:https://my.oschina.net/ilyaw/blog/37456

### 配置 Windows 上的 Nginx、Vue 和 Django #### 安装 Nginx 在 Windows 平台上安装 Nginx 可以通过下载官方发布的可执行文件来完成。解压到指定路径后,可以通过命令提示符启动 Nginx 服务。 ```bash start nginx ``` 为了确保 Nginx 能够正常工作并提供静态资源以及反向代理功能,需要编辑 `nginx.conf` 文件[^4]。 #### 设置 uWSGI 运行 Django 应用程序 对于 Windows 用户来说,直接使用 uWSGI 来部署 Django 存在一定难度,因为 uWSGI 的原生支持主要面向 Unix 类系统。不过仍然可以在 Windows 中利用其他方式让 Django 工作于后台服务器角色,例如采用内置开发服务器作为临时解决方案: ```python python manage.py runserver 83 ``` 这使得 Django 在本地监听 83 端口,等待来自 Nginx 的请求转发[^3]。 #### 构建与上传 Vue.js 前端应用 针对 Vue.js 开发的应用,在生产环境中通常会先构建出优化后的版本。此过程涉及到了 Webpack 或 Vite 等工具链的帮助。完成后得到一个名为 `dist` 的目录,里面包含了所有必要的 HTML/CSS/JS 文件。这些文件可以直接复制到任何 HTTP(S) 服务器下的公共访问区域,包括但不限于 IIS 或者这里的 Nginx 实例中的合适位置[^2]。 #### 修改 Nginx 配置以便处理前后端通信 为了让 Nginx 正确地路由不同类型的流量给相应的应用程序实例(即分别指向 Django API 接口和 Vue 单页应用),应当调整其配置如下所示: ```nginx http { ... server { listen 81; location /admin/ { proxy_pass http://localhost:83/; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; } location /api/ { proxy_pass http://localhost:83/api/; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; } location / { root html/dist; # 假设 dist 放在此处 try_files $uri $uri/ /index.html; } client_max_body_size 75M; ... } } ``` 上述设置允许外部客户端通过不同的 URL 模式访问各自的服务,并且保持良好的用户体验[^1]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值