1. 程式人生 > 實用技巧 >vue框架前後端分離專案之上線等相關內容-132

vue框架前後端分離專案之上線等相關內容-132

1 購買阿里雲伺服器

1 2核4g按流量計費
2 centos7.9

2 伺服器配置,軟體安裝

2.1 前置配置

yum update -y

yum -y groupinstall "Development tools" # 開發相關的工具包 git unzip。。。

yum install openssl-devel bzip2-devel expat-devel gdbm-devel readline-devel sqlite-devel psmisc libffi-devel

2.2 安裝mysl

1)前往使用者根目錄
>: cd ~

2)下載mysql57
>: wget http://dev.mysql.com/get/mysql57-community-release-el7-10.noarch.rpm


3)安裝mysql57
>: yum -y install mysql57-community-release-el7-10.noarch.rpm
>: yum -y install mysql-community-server

4)啟動mysql57並檢視啟動狀態
>: systemctl start mysqld.service
>: systemctl status mysqld.service

5)檢視預設密碼並登入
>: grep "password" /var/log/mysqld.log # kkqg?H>jz8P:
>: mysql -uroot -p

6)修改密碼
>: ALTER USER 'root'@'localhost' IDENTIFIED BY 'Lqz12345?';

2.3 安裝redis

1)前往使用者根目錄
>: cd ~

2)下載redis-5.0.5
>: wget http://download.redis.io/releases/redis-5.0.5.tar.gz

3)解壓安裝包
>: tar -xf redis-5.0.5.tar.gz

4)進入目標檔案
>: cd redis-5.0.5

5)編譯環境
>: make&&make install

6)複製環境到指定路徑完成安裝
>: cp -r ~/redis-5.0.5 /usr/local/redis

7)配置redis可以後臺啟動:修改下方內容
>: vim /usr/local/redis/redis.conf

daemonize yes

8)完成配置修改
>: esc
>: :wq

9)建立軟連線(user/bin 有沒有這幾個可執行檔案,如果沒有,需要建軟連線)
>: ln -s /usr/local/redis/src/redis-server /usr/bin/redis-server
>: ln -s /usr/local/redis/src/redis-cli /usr/bin/redis-cli

10)後臺執行redis
>: cd /usr/local/redis
>: redis-server ./redis.conf &

ctrl + c

11)測試redis環境
>: redis-cli
ctrl + c

12)關閉redis服務
>: pkill -f redis -9

2.4 python 3.6

1)前往使用者根目錄
>: cd ~

2)下載 上傳 Python3.6.7
# 伺服器終端
>: wget https://www.python.org/ftp/python/3.6.7/Python-3.6.7.tar.xz

3)解壓安裝包
>: tar -xf Python-3.6.7.tar.xz

4)進入目標檔案
>: cd Python-3.6.7

5)配置安裝路徑:/usr/local/python3
>: ./configure --prefix=/usr/local/python3

6)編譯並安裝
>: make && sudo make install

7)建立軟連線:終端命令 python3,pip3
>: ln -s /usr/local/python3/bin/python3.6 /usr/bin/python3
>: ln -s /usr/local/python3/bin/pip3.6 /usr/bin/pip3

8)刪除安裝包與檔案:
>: rm -rf Python-3.6.7
>: rm -rf Python-3.6.7.tar.xz

2.5 安裝uwsgi

1)在真實環境下安裝
pip3 install uwsgi

2)建立軟連線
ln -s /usr/local/python3/bin/uwsgi /usr/bin/uwsgi

2.6 安裝虛擬環境

1)安裝依賴
>: pip3 install virtualenv
>: pip3 install virtualenvwrapper

2)建立虛擬環境軟連線
>: ln -s /usr/local/python3/bin/virtualenv /usr/bin/virtualenv

3)配置虛擬環境:填入下方內容
>: vim ~/.bash_profile

VIRTUALENVWRAPPER_PYTHON=/usr/bin/python3
source /usr/local/python3/bin/virtualenvwrapper.sh

4)退出編輯狀態
>: esc

5)儲存修改並退出
>: :wq

6)更新配置檔案內容
>: source ~/.bash_profile

7)虛擬環境預設根目錄:~/.virtualenvs




###### 使用這種
virtualenv luffy #再當前路徑建立
## 使用虛擬環境
source luffy/bin/activate
# 退出
deactivate

2.7 安裝Nginx

1)前往使用者根目錄
>: cd ~

2)下載nginx1.13.7
>: wget http://nginx.org/download/nginx-1.13.7.tar.gz

3)解壓安裝包
>: tar -xf nginx-1.13.7.tar.gz

4)進入目標檔案
>: cd nginx-1.13.7

5)配置安裝路徑:/usr/local/nginx
>: ./configure --prefix=/usr/local/nginx

6)編譯並安裝
>: make && sudo make install

7)建立軟連線:終端命令 nginx
>: ln -s /usr/local/nginx/sbin/nginx /usr/bin/nginx

8)刪除安裝包與檔案:
>: cd ~
>: rm -rf nginx-1.13.7
>: rm -rf nginx-1.13.7.tar.xz

9)測試Nginx環境,伺服器執行nginx,本地訪問伺服器ip
>: nginx
>: 伺服器繫結的域名 ip:80



1)啟動
>: nginx

2)關閉nginx
>: nginx -s stop

3)重啟nginx
>: nginx -s reload

4)檢視埠,強行關閉
>: ps -aux|grep nginx
>: kill <pid:程序編號>

3 前端專案部署

1 setting.js中
export default {
base_url: 'http://47.116.2.159:8000', # 你們自己伺服器的地址
}

2 build(vue---》html,css,js)
npm run build

3 上傳到伺服器,使用nginx代理