from flask import Flask, jsonify
import json
app = Flask(__name__)@app.route('/film', methods=['GET'])deffilm():withopen('./film.json','rt', encoding='utf-8')as f:
res = json.load(f)
res=jsonify(res)
res.headers['Access-Control-Allow-Origin']='*'return res
if __name__ =='__main__':
app.run()
4.2 前端
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><scriptsrc="./js/vue.js"></script><scriptsrc="./js/axios.js"></script></head><body><divid="app"><h1>点击显示小电影案例</h1><button@click="handleLoad">加载</button><divv-for="film in filmList"><img:src="film.poster"alt=""height="200px"width="150px"><div><h3>{{film.name}}</h3><p>主演:
<spanv-for="item in film.actors">
{{item.name}} </span></p><p>{{film.nation}}|{{film.runtime}}</p></div></div></div></body><script>var vm =newVue({el:'#app',data:{filmList:[]},methods:{handleLoad(){
axios.get('http://127.0.0.1:5000/film').then(res=>{if(res.data.code ==100){this.filmList = res.data.results
}else{alert(res.data.msg)}})}}})</script></html>