링크 ux --- 배치 전후 단 분리 프로젝트

vue + uwsgi + nginx 배치 전후 단 분리 프로젝트
준비 항목
1. 전단 vue 프로젝트 패키지 와 백 엔 드 django 프로젝트 패 키 지 를 서버 에 업로드 하고 lrzsz 를 통 해 windows 에서 Liux 로 직접 끌 어 옵 니 다.
2. 압축 풀기 동작
전단 vue 배치
node 환경 준비

1.  node    ,      node,      

#  wget https://nodejs.org/download/release/v8.6.0/node-v8.6.0-linux-x64.tar.gz
2.    #   tar -zxvf node-v8.6.0-linux-x64.tar.gz

3.      node    bin     pwd      node   

4. node           --- vim /etc/profile
    
   #     PATH = $PATH:/opt/node-v8.6.0-linux-x64/bin
         PATH ---  source  /etc/profile

5.      node -v      ,    v8.6.0

컴 파일 패키지 전단 vue 파일

1.  vue     cd    /opt / vue_project/
   #  vue  ,    package.json     ,          ,     
   #npm  install
2.      vue  ,            ,  Axios.POST     ,     django  ,(    nginx,    nginx     )

    #    /opt/vue_project/src/restful/api.js
    #            127.0.0.0.1:8000/,        ip  +     sed -i "s/127.0.0.1/192.168.220.128/g" /opt/vue_project/src/restful/api.js

3.    vue   ,    dist       
    #npm run build

4.  dist     index.html static      

 
설정 nginx

  nginx.conf

        #    1，    vue  
            server {
                listen       80;
                server_name loaclhost;
                location / {
                    root  /opt/vue_project/dist;
                    index index.html;
                }
         }
        #    2，      ，  django
                server{
                    listen 8000;
                    server_name  192.168.220.128;

                    location / {
                        include uwsgi_params;
                        uwsgi_pass 0.0.0.0:9999;
                       }
                }   
        
         nginx -s nginx.conf

 
 백 엔 드 코드 설정 (가상 환경 설정, 프로젝트 의 깨끗 한 격 리 보장)

1.        mkvirtualenv   vue_django
2.           .
    #windows     pip3 freeze >  requirements.txt 
3. linux        
# pip3 install -i https://pypi.douban.com/simple -r requirements.txt 

4.   uwsgi     
 #pip3 install uwsgi
  
      1:uwsgi --socket  :8000  --module  django_project.wsgi
      2:         touch  uwsgi.ini
  #  uwsgi.ini  

[uwsgi]
# Django-related settings
# the base directory (full path)
chdir           = /opt/django_project
# Django's wsgi file
module          = django_project.wsgi
# the virtualenv (full path)
home            = /root/Envs/vue_django
# process-related settings
# master
master          = true
# maximum number of worker processes
processes       = 1
# the socket (use the full path to be safe
socket          = 0.0.0.0:9999
# ... with appropriate permissions - may be needed
# chmod-socket    = 664
# clear environment on exit
vacuum          = true

 redis 데이터 베 이 스 를 시작 하여 필요 한 업무 데 이 터 를 지탱 합 니 다.

#  redis  
redis-server redis.conf

 모든 배치 가 끝 난 후, 마지막 으로 전단 vue, 백 엔 드 django, nginx, redis 정상 을 확인 한 후, windows 를 통 해 브 라 우 저 를 방문 합 니 다.

#      pid
 netstat -tunlp 

...
다음으로 전송:https://www.cnblogs.com/CrazySheldon1/p/10526139.html