命令!
1.將項目前端打包,形成靜態文件。
cnpm run build
在打包的過程中,不能報錯,如果報錯在你本地的項目中找錯,或者你之前已經打包,在修改本地的項目后又重新打包報錯,可以選在刪除之前已經打包好的。再重新打包。
2.創建文件。
將打包好的前端復制這一個文件夾中,並且把主應用中的index.html和src中的static(需要在這個新文件夾中在創建一個src文件夾,將static復制src文件夾中)也復制里面。
3.修改主index.html的路徑。
3。重點修改標簽把《a》標簽和跳轉路由修改成vue。js支持的語法。
需要注意的一點是,一旦打包vue.js項目,需要確保項目內必須使用vue.js語法來寫功能,比如a標簽要替換成<router-link>, 傳統的window.location.href跳轉頁面也要換成this.$router.push({ path: '/home/first' })這種形式。
4.部署命令
登錄centos系統,運行 chmod 755 /root/md_vue 對項目文件授權
修改nginx 配置文件 vim /etc/nginx/conf.d/default.conf 增加下面的配置,這里前端服務默認監聽80端口
mypro:自己的項目名稱
server { listen 80; server_name localhost; access_log /root/md_vue_access.log; error_log /root/md_vue_error.log; client_max_body_size 75M; location / { root /root/md_vue; index index.html; try_files $uri $uri/ /index.html; } error_log /root/md_vue/error.log error; }
需要注意的是端口不能重復監聽,所以之前的django服務需要讓出80端口,改成監聽8000,而uwsgi服務也需要讓出8000端口改成在8001端口運行服務
修改mypro_wsgi.ini配置文件改端口
mypro:自己的項目名稱
[uwsgi] chdir = /root/mypro module = mypro.wsgi master = true processes = 3 socket = 0.0.0.0:8001 vacuum = true pythonpath = /usr/bin/python3 daemonize = /root/mypro/uwsgi.log pidfile = /root/mypro/mypro.pid
修改nginx配置,把nginx監聽端口改成8000代理端口改成8001
mypro:自己的項目名稱
server { listen 8000; server_name localhost; access_log /root/myweb_access.log; error_log /root/myweb_error.log; client_max_body_size 75M; location / { include uwsgi_params; uwsgi_pass 127.0.0.1:8001; uwsgi_param UWSGI_SCRIPT mypro.wsgi; uwsgi_param UWSGI_CHDIR /root/mypro; } location /static { alias /root/mypro/static; } }
重啟nginx服務
systemctl restart nginx.service