zhangzxpan 2022-11-07 21:35 采纳率: 76.5%
浏览 27
已结题

如何实现在一台电脑上VUE和FLASK的进行本地通信?

问题遇到的现象和发生背景

如何实现在一台电脑上VUE和FLASK的进行本地通信?

用代码块功能插入代码,请勿粘贴截图

FLASK端为
@app.route('/ContractCheckText', methods=['POST'])
@cross_origin()
def ContractCheckText():
text = request.files['text']
print(text)
return '结果'

VUE端为
axios.post('http://127.0.0.1:5000/ContractCheckText', param, {headers: {'Content-Type': 'application/x-www-form-urlencoded'}},) //请求头要为表单
.then(response => {
let resultpath = response.data
console.log(resultpath);
})

运行结果及报错内容

FLASK端能接收到,有200提示,但是返回VUE的时候,VUE报错提示为Failed to load http://127.0.0.1:5000/ContractCheckText: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.

  • 写回答

2条回答 默认 最新

  • CSDN专家-showbo 2022-11-07 22:00
    关注

    flask 路由的Access-Control-Allow-Origin跨域头视乎没加上,用下面的试试,全局的匹配

    
    from flask_cors import CORS
    app = Flask(__name__)
    # r'/*' 是通配符,让本服务器所有的 URL 都允许跨域请求
    CORS(app, resources=r'/*')
    
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 11月16日
  • 已采纳回答 11月8日
  • 创建了问题 11月7日

悬赏问题

  • ¥15 slaris 系统断电后,重新开机后一直自动重启
  • ¥15 51寻迹小车定点寻迹
  • ¥15 谁能帮我看看这拒稿理由啥意思啊阿啊
  • ¥15 关于vue2中methods使用call修改this指向的问题
  • ¥15 idea自动补全键位冲突
  • ¥15 请教一下写代码,代码好难
  • ¥15 iis10中如何阻止别人网站重定向到我的网站
  • ¥15 滑块验证码移动速度不一致问题
  • ¥15 Utunbu中vscode下cern root工作台中写的程序root的头文件无法包含
  • ¥15 麒麟V10桌面版SP1如何配置bonding