# 首先引入flask相关类和方法
from flask import Flask, render_template, request
app = Flask(__name__)
# 如果是前后不分离的项目,主页模板设置
@app.route("/")
def index():
return render_template("index.html")
# 请求地址,返回内容
@app.route("/blogs")
def blog_content_service():
return allBlogs
# methods可以设置请求方式
@app.route("/blog",methods=["get"])
def new_blog():
return allBlogs[-1]
# flask可以使用restful风格
@app.route("/blog/<int:id>",methods=["get"])
def next_blog(id):
return allBlogs[id]
if __name__ == "__main__":
# 设置编码格式,应对中文问题。
app.config["JSON_AS_ASCII"] = False
app.run()
注意点:
1.flask项目目录结构
2.前后端不分离项目
templates文件夹下需要放置index.html主页文件。
static\assets文件夹下需要放置其它页面的html文件,以及需要用到的js,css,图标,字体等文件。
还需要注意一点,
主页index.html引入的js、css以及跳转到的其它html页面地址需要更改,
更改为static/assets/...
3.前后端分离项目
我将前端项目放置在了front这个文件夹中。
前后端分离的项目也不需要在意主页模板设置和静态文件位置了。
需要注意的是跨域问题。
vue的解决方式如下:
devServer: {
port: 80,
proxy: {
'/': {
target: 'http://127.0.0.1:5000',
changeOrigin: true
}
}
}