直接运行vue+django项目
直接运行vue+django项目
- 下载前后端代码
wget https://files.cnblogs.com/files/pyyu/luffy_boy.zip
wget https://files.cnblogs.com/files/pyyu/07-luffy_project_01.zip
- 解压缩前后端源码压缩包
unzip luffy_boy.zip
unzip 07-luffy_project_01.zip
先从后端搞起 进入后端路飞代码文件夹
解决后端python模块问题,准备一个模块版本文件
requirements.txt 这个文件可以手动创建
touch requirements.txt
写入如下模块依赖
certifi==2018.11.29
chardet==3.0.4
crypto==1.4.1
Django==2.1.4
django-redis==4.10.0
django-rest-framework==0.1.0
djangorestframework==3.9.0
idna==2.8
Naked==0.1.31
pycrypto==2.6.1
pytz==2018.7
PyYAML==3.13
redis==3.0.1
requests==2.21.0
shellescape==3.4.1
urllib3==1.24.1
uWSGI==2.0.17.1
安装这个模块依赖文件
pip3 install -i https://pypi.douban.com/simple -r requirements.txt
- 运行后端 代码
python3 manage.py runserver 0.0.0.0:8000
开始准备前端代码
准备打包环境 node环境
- 下载node环境
cd /opt
wget https://nodejs.org/download/release/v8.6.0/node-v8.6.0-linux-x64.tar.gz
配置node环境的环境变量
解压缩源码包
tar -zxvf node-v8.6.0-linux-x64.tar.gz
- 配置node的环境变量
vim /etc/profile
写入新的path
PATH="/opt/python36/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/root/bin:/opt/node-v8.6.0-linux-x64/bin"
读取全局配置文件,加载node的环境变量
source /etc/profile
- 检测node环境是否正常
node -v
npm -v
- 进入vue代码包中,开始进行打包,注意修改vue的api请求接口地址!!!
cd /opt/s16luffy/07-luffy_project_01
替换所有的api.js请求地址:命令如下
sed -i "s/127.0.0.1/192.168.15.53/g" api.js
- 此时进行打包
npm install
npm run build
- 只需要将vue的静态文件,发布到web服务器,访问web服务器即可
- 安装配置nginx web服务器,访问到vue的静态文件
yum install nginx -y
配置nginx,结合vue的静态文件
配置nginx的配置文件,让nginx可以返回vue的静态文件
vim /etc/nginx/nginx.conf
#修改代码和我一样
找到如下代码,只需要修改root这个参数!!!!!!!!!!!!
server {
listen 80 default_server;
listen [::]:80 default_server;
server_name _;
#root这个参数代表定义网页根目录,只要访问nginx,nginx就去这个目录寻找一个名叫index.html的文件
root /opt/s16luffy/07-luffy_project_01/dist;
- 修改了nginx配置文件之后,需要nginx服务才能生效
systemctl restart nginx
- 此时在windows中访问linux的80端口,查看是否定位到路飞学城
- 访问课程列表,查看是否可以正常向后端发送数据
- 添加课程数据是存放到redis中的,需要安装redis
yum install redis -y
- 启动redis服务端
systemctl start redis
- 添加django 和linux的课程,登录alex用户
账号 alex
密码 alex3714
查看购物车数据
直接运行vue+django项目的更多相关文章
- 主机无法访问虚拟机中运行的Django项目
在虚拟机中的linux上运行了Django项目,虚拟机中可以访问,但外部主机无法访问(连接超时),但主机能ping同虚拟机,虚拟机也能ping通主机 需检查三个地方:(后面发现虚拟机的ip地址存在改变 ...
- Vue+Django项目部署
本地项目配置 1 复制 luffy/settings/dev.py为prop.py 修改luffy/settings/prop.py中以下几项 (1) allow_hosts ALLOWED_HOST ...
- 【Django】Apache上运行单个Django项目,mod_wsgi配置
1 安装环境 操作系统:Ubuntu 12.04 LTS 32 位(安装在VMware虚拟机中) python 版本: Python 2.7.3 Django版本 >>> djang ...
- centos7关闭运行的django项目
1.查看django项目的端口对应的PID :sudo netstat -tulpn | grep :8000 2.杀死进程命令:kill -9 pid
- 在linxu机器ansible上运行启动django项目命令
source py3env/bin/activate 进入虚拟环境 cd /xiangmulujing 进入项目路径 然后就可以执行运行命令了 python manage.py runser ...
- Linux学习笔记之Django项目部署(CentOS)
一.引入 用Django写了一个测试的项目,现在要部署在Linux上,一般这种情况下,只要在项目里面敲一行命令:python manage.py runserver 0.0.0.0:8000就行了.但 ...
- Django项目和Django初体验和创建、目录结构认识
.MVC的设计方式(跟Flask一样,都是MVC的设计模式) .开发效率高 .功能强大(丰富的第三方组件) .安全性高(帮助开发者规避安全漏洞) 目前市面上使用:Django>Flask #使用 ...
- Django项目部署在Linux下以进程方式启动
Django项目部署在Linux下以进程方式启动 这是一篇关于如何在linux下,以后台进程的方式运行服务,命令改改基本上就通用了. 开发完Django项目后,需要把项目部署到linux环境下.当然, ...
- 项目部署Vue+Django(luffy)
部署路飞学城 部署整体框架图: 1 熟悉linux操作 2 上传路飞学城项目到linux服务器 xftp上传到服务器 lrzsz工具 3 完成python3解释器的安装 在linux命令行模式下, 输 ...
随机推荐
- WPF window 子窗口反馈效果(抖动/阴影渐变)
当设置了owner的子窗口显示后,点击子窗口外部,需要一种反馈机制(反馈动画). 实现: 1.触发源 每次点击子窗口外部,即母窗口时,事件捕捉如下 HwndSource hwndSource = Pr ...
- IIS域名转发
在IIS中设置Http重定向 界面操作如下: 最终通过上面的操作生成了一个配置文件如下: 我这面就是一个空的目录,里面仅包含这个配置文件,就可以实现转发啦
- 从零开始学安全(十六)● Linux vim命令
游标控制 h 游标向左移 j 游标向下移 k 游标向上移 l (or spacebar) 游标向右移 w 向前移动一个单词 b 向后移动一个单词 e 向前移动一个单词,且游标指向单词的末尾 ( 移到当 ...
- T-SQL :编程理论 (一)
SQL代表结构化查询语言,是一种在关系数据库系统中查询和管理数据的标准语言.sql语句也有几个类别,包括定义语言(DDL),数据操作语言(DML),数据控制语言(DCL). DDL包括create,a ...
- [PHP]算法-跳台阶问题的PHP实现
一只青蛙一次可以跳上1级台阶,也可以跳上2级.求该青蛙跳上一个n级的台阶总共有多少种跳法(先后次序不同算不同的结果). 思路: 1.找规律 f(1)=1 f(2)=2 f(3)=3 f(4)=5 f( ...
- 【Java每日一题】20170324
20170323问题解析请点击今日问题下方的“[Java每日一题]20170324”查看(问题解析在公众号首发,公众号ID:weknow619) package Mar2017; public cla ...
- 【Java深入研究】10、红黑树
一.红黑树介绍 红黑树是二叉查找树,红黑树的时间复杂度为: O(lgn) 红黑树的特性:(1)每个节点或者是黑色,或者是红色.(2)根节点是黑色.(3)每个叶子节点(NIL)是黑色. [注意:这里叶子 ...
- JavaScript事件(含Demo)
主要事件: onclick 鼠标单击事件 onmouseover 鼠标经过事件 onmouseout 鼠标移开事件 onchange 文本框内容改变事件 onselect 文本框内容被选中事件 onf ...
- 2018年,JavaScript都经历了什么?
摘要: 对JSer来说,这是很有意思的1年. 本文灵感来自JavaScript Weekly周报,欢迎大家订阅. The State of JavaScript 2018 The State of J ...
- Eslint使用(webpack中使用)
一.安装 npm i -D eslint npm i babel-eslint \ eslint-config-airbnb \ // Airbnb的编码规范是在业界非常流行的一套规范 eslint- ...