# 首先引入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/",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

}

}

}

精彩内容

评论可见,请评论后查看内容,谢谢!!!评论后请刷新页面。