flask简单案例-CSDN博客

本文链接：https://blog.csdn.net/qq_25647857/article/details/135584492

本文介绍了如何使用Flask创建Web应用，包括基本路由设置、前后端分离项目的结构与模板配置，以及处理前后端分离时的跨域问题，以Vue为例提供了解决方案。

摘要由CSDN通过智能技术生成

# 首先引入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
      }
 }
}