建站
咨詢
售后
建站咨詢
新聞中心
這篇文章主要介紹Vue+Django項目部署的示例分析，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！
創(chuàng)新互聯(lián)公司是一家專注于做網(wǎng)站、網(wǎng)站制作與策劃設(shè)計,玉龍網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)10多年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:玉龍等地區(qū)。玉龍做網(wǎng)站價格咨詢:13518219792
本地項目配置
1 復(fù)制 luffy/settings/dev.py為prop.py
修改luffy/settings/prop.py中以下幾項
(1) allow_hosts
ALLOWED_HOSTS = [ 'api.youdomain.com', ]
(2) 跨域白名單
CORS_ORIGIN_WHITELIST = ( # 前端域名 "www.youdomain.com", # 后端api接口域名 "api.youdomain.com" )
(3) 支付寶電腦網(wǎng)站支付配置信息
ALIPAY_APPID = "xxxxxxx" APP_NOTIFY_URL = None ALIPAY_DEBUG = True # APIPAY_GATEWAY="https://openapi.alipay.com/gateway.do" APIPAY_GATEWAY = "https://openapi.alipaydev.com/gateway.do" ALIPAY_RETURN_URL = "http://www.youdomain.com/success" ALIPAY_NOTIFY_URL = "http://api.youdomain.com:8000/payments/success"
2 修改luffy/wsgi.py文件
第14行
os.environ.setdefault("DJANGO_SETTINGS_MODULE", "luffy.settings.prop")3 修改manage.py文件
不改也可以，為了在 4 導(dǎo)出pip安裝的包列表 5 收集靜態(tài)文件 6 提交并推送 7 前端配置修改 src/settings.js 設(shè)置后端服務(wù)器域名和端口 8 構(gòu)建 9 提交并推送 服務(wù)器上配置 1 安裝所需軟件 注意：uwsig 最好使用pip方式安裝 2 MySQL數(shù)據(jù)庫相關(guān)配置 (1)安裝mysql 或者使用容器 設(shè)置密碼以及初始化配置請自行解決 (2) 啟動數(shù)據(jù)庫 (3)新建數(shù)據(jù)庫luffy (4) 導(dǎo)入數(shù)據(jù) 3 redis 安裝與配置 可以使用 yum 安裝并啟動 ，簡單粗暴！ 為了使用最新版，我采用解壓安裝 那種方式你喜歡就好！ (1) 下載 (2) 解壓并安裝 (3)修改配置文件 vim redis.conf (4)啟動Redis,并放置在后臺 4 拉取前端項目 前端項目路徑為 /opt/luffyweb/ 只有 /opt/luffyweb/dist/ 文件有用 ， dist用作前端根目錄，其他的不要亦可！ 5 創(chuàng)建虛擬環(huán)境 (1)創(chuàng)建虛擬環(huán)境 即就是虛擬環(huán)境路徑為 /opt/luffy/ (2)激活虛擬環(huán)境 (3)拉取后端項目 注：項目根路徑為 /opt/luffy/luffy/ 可以看到以下文件 (4)pip安裝所需包 我的 django 使用的是2.0版本，不需要因為 pymysql 報錯該源碼 刪除 luffy/docs/requirements.txt中 xadmin中的那行 (5)用 runserver 啟動django項目看看是否正常 記得啟動MySQL數(shù)據(jù)庫和redis 沒有報錯的話繼續(xù)，報錯了就根據(jù)提示排除吧 6 uwsgi配置 (1) uwsgi.ini 配置內(nèi)容如下 (2) 修改文件所有者， 如果用root啟動可忽略此步驟 也可以把nginx換成當(dāng)前登錄用戶的用戶名，其它用戶也可以。 (3) 啟動uwsgi , 記得啟動MySQL數(shù)據(jù)庫和redis 7 nginx配置 (1) 創(chuàng)建配置文件 這是最基本配置，其它優(yōu)化配置就不再贅述！ (2)檢查nginx配置文件語法 (3) 啟動nginx 以上是“Vue+Django項目部署的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！freeze > docs/requirements.txt
python manage.py collectstatic
git add .
git commit -m "項目完成"
git push -u origin master
Host:http://api.youdomain.com:80,
npm run build
git add .
git commit -m "項目完成"
git push -u origin master
yum install python36-pip.noarch python36.x86_64 python36-devel.x86_64 nginx git gcc -y
pip3 install virtualenv -i https://pypi.douban.com/simple
pip3 install uwsgi -i https://pypi.douban.com/simple
yum install mysql-server -y
systemctl start mysqld
create database luffy;
mysql -uroot -pmysql luffy < luffy.sql
cd /opt/
wget http://download.redis.io/releases/redis-5.0.5.tar.gz
tar -xf redis-5.0.5.tar.gz
cd /opt/redis-5.0.5
make && make install
69行 bind 127.0.0.1
改為 bind 0.0.0.0nohup redis-server redis.conf &
cd /opt/
git clone https://gitee.com/SunHarvey/luffyweb.git
cd /opt/
virtualenv luffy
cd /opt/luffy/
source /opt/luffy/bin/activate
git clone https://gitee.com/SunHarvey/luffy.git
cd luffy
docs luffy manage.py scripts static
pip3 install https://codeload.github.com/sshwsfc/xadmin/zip/django2
pip3 instal -r /opt/luffy/luffy/docs/requirements.txt
python manage.py runserver
vim /opt/luffy/luffy/uwsgi.ini
[uwsgi]
# 設(shè)置uwsgi 啟動用戶，不設(shè)置也可，會有警告，也可以設(shè)置為當(dāng)前登錄的用戶
uid = nginx
gid = nginx
#使用nginx連接時使用，Django程序所在服務(wù)器地址
socket=127.0.0.1:8000
#直接做web服務(wù)器使用，Django程序所在服務(wù)器地址
#http=0.0.0.0:8080
#項目目錄
chdir=/opt/luffy/luffy
#項目中wsgi.py文件的目錄，相對于項目目錄
wsgi-file=luffy/wsgi.py
# 進(jìn)程數(shù)
processes=1
# 線程數(shù)
threads=2
# uwsgi服務(wù)器的角色
master=True
# 存放進(jìn)程編號的文件
pidfile=uwsgi.pid
# 日志文件，因為uwsgi可以脫離終端在后臺運行，日志看不見。我們以前的runserver是依賴終端的
daemonize=uwsgi.log
# 指定依賴的虛擬環(huán)境
virtualenv=/opt/luffy/
# clear environment on exit #退出時清除環(huán)境
vacuum = true
chown -R nginx.nginx /opt/luffy/luffy/
uwsgi --ini /opt/luffy/luffy/uwsgi.ini
vim /etc/nginx/conf.d/your.conf
# 設(shè)置后端uwsgi服務(wù)器，可寫多個用作負(fù)載均衡
upstream luffy {
server 127.0.0.1:8000;
}
# 后端 api服務(wù)器配置
server {
listen 80;
server_name api.youdomain.com;
location / {
include uwsgi_params;
uwsgi_pass luffy;
}
# 加載css、js文件
location ~ .*\.(css|js)$ {
root /opt/luffy/luffy/;
}
}
# 前端頁面服務(wù)器配置
server {
listen 80;
# 不要懷疑，你沒有看錯！nginx的80端口可以啟動 n 個域名！
server_name youdomain.com www.youdomain.com;
location / {
# /opt/luffyweb/dist/ 為npm run build生成的文件夾
root /opt/luffyweb/dist/;
index index.html;
try_files $uri $uri /index.html;
}
}
nginx -t
systemctl start nginx
文章標(biāo)題：Vue+Django項目部署的示例分析
URL網(wǎng)址：http://fisionsoft.com.cn/article/jeigsc.html
