### Vue环境搭建
1、安装node.js环境，npm包管理器
2、用cnpm淘宝镜像替换npm
```bash
npm install -g cnpm --registry=http://registry.npm.taobao.org/
```
或者直接更换源配置
```bash
npm get registry
npm config set registry http://registry.npm.taobao.org/
```
3、vue-cli脚手架构建工具
```bash
# vue2.x老版本, 现已不用
npm install -g vue-cli
# 推荐使用新版本
npm install -g @vue/cli
# 或者利用yarn全局安装
yarn global add @vue/cli
```
4、创建并初始化一个vue项目
```bash
# 全局安装初始化工具
npm install -g @vue/cli-init
vue init webpack projectName
# webpack为构建工具，整个项目基于webpack
```
5、安装项目所需依赖
```bash
npm install
npm install axios
```
6、本地测试运行项目
```bash
npm run dev
```
7、部署项目
```bash
npm run build
# 生成dist文件夹
```
### 前端和后端实现交互
前端vue
```vue
{{ serverResponse }}
```
后端服务get_msg.py
```python
from flask import Flask
from flask import jsonify
from flask_cors import CORS
app = Flask(__name__)
cors = CORS(app, resources={r"/getMsg": {"origins": "*"}})
@app.route('/')
def hello_world():
return 'Hello World!'
@app.route('/getMsg', methods=['GET', 'POST'])
def home():
reponse = {
'msg': 'Hello, Python!'
}
return jsonify(response)
if __name__ == '__main__':
app.run()
```