部署个人服务命令

一、项目结构建立

创建项目文件夹

/var/www/my-vue-flask-app
sudo mkdir -p /var/www/my-vue-flask-app
sudo chown -R $USER:$USER /var/www/vue-flask-app
cd /var/www/my-vue-flask-app

项目文件结构

vue-flask-app/
│
├── backend/
│   ├── app.py
│   ├── models.py
│   ├── config.py
│   ├── requirements.txt
│   └── __init__.py
│
├── frontend/
│   ├── public/
│   │   ├── index.html
│   ├── src/
│   │   ├── assets/
│   │   ├── components/
│   │   │   ├── Login.vue
│   │   │   ├── Dashboard.vue
│   │   ├── router/
│   │   │   └── index.js
│   │   ├── store/
│   │   │   └── index.js
│   │   ├── views/
│   │   │   ├── Home.vue
│   │   ├── App.vue
│   │   ├── main.js
│   ├── package.json
│   ├── vue.config.js
│
├── nginx/
│   └── nginx.conf
└── README.md

二、虚拟环境、安装依赖、运行

1、flask端

运行虚拟环境并安装依赖

cd /path/to/vue-flask-app/backend
python3 -m venv venv
source venv/bin/activate
pip install -r requirements.txt

激活数据库 

python
>>> from app import db
>>> db.create_all()
>>> exit()

flask run

2、vue端

安装依赖

cd /path/to/vue-flask-app/frontend
npm install

npm run serve

3、nginx

sudo cp /path/to/vue-flask-app/nginx/nginx.conf /etc/nginx/sites-available/vue-flask-app
sudo ln -s /etc/nginx/sites-available/vue-flask-app /etc/nginx/sites-enabled/
sudo nginx -s reload