Django + Vue 部署服务器nginx + uwsgi_nginx部署django和vue项目

最新推荐文章于 2024-05-15 20:48:32 发布

原创

最新推荐文章于 2024-05-15 20:48:32 发布 · 976 阅读

26 ·

CC 4.0 BY-SA版权

文章标签：

#django #vue.js #服务器

本文介绍了如何将Django与Vue项目部署到服务器，涉及环境准备、前端编译、Django静态资源收集、nginx与uWSGI配置等内容。遇到的问题包括跨域、静态文件访问、uwsgi启动和日志查看等，提供了解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Linux运维全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上运维知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024b （备注运维）

正文

项目路径：/data/zkos/comm/libzkos_comm/tools/performance_test/django_project/vue_template/

一.项目上传到服务器

1.采用zkos git仓库下载代码，或手动cp代码到服务器

2.生成前端编译产物

3.Django收集静态资源

4.Django 访问vue编译产物常见问题

4.1跨域问题

4.2静态产物index.html无法访问

二.web前端监听端口82

三.Dango运行在83端口

1. uWSGI 部署 Django 程序，运行在83端口

2 使用uwsg分发前端项目访问，指向后端运行端口

一.部署环境准备

1.采用zkos git仓库下载代码，或手动cp代码到服务器

代码放在/data/zkos/目录下

2.生成前端编译产物

npm run intall

npm run dev

3.Django收集静态资源

python3 manage.py collectstatic

4.Django 访问vue编译产物常见问题

4.1跨域问题

ALLOWED_HOSTS = ['*']
INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',

    'corsheaders',    #跨域
    'django_crontab', #定时任务

    'PerformanceTest',
    'UserInfo'
]
MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'corsheaders.middleware.CorsMiddleware',
    'django.middleware.common.CommonMiddleware',
    # 'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

CORS_ALLOW_METHODS = (
    'DELETE',
    'GET',
    'OPTIONS',
    'PATCH',
    'POST',
    'PUT',
    'VIEW',
)
CORS_ALLOW_HEADERS = (
    'accept',
    'accept-encoding',
    'authorizatio

最低0.47元/天解锁文章

200万优质内容无限畅学