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代理