使用vue-element-admin框架调用后端接口及跨域的问题
作者:小僵尸打字员
这篇文章主要介绍了使用vue-element-admin框架调用后端接口及跨域的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
前言
vue-element-admin 官方git地址 https://github.com/PanJiaChen/vue-element-admin
进行开发需要调用外部接口, 而且还涉及到跨域的问题,百度出来的全部都是说在config目录加proxyTable…emmm是拉同一个项目吗大兄弟, 哪来的config目录
解决
随便写一个测试接口
from flask import Flask, url_for import json app = Flask(__name__) @app.route("/xiaofei") def test(): return json.dumps({"name": "小飞"}) if __name__ == '__main__': app.run(debug=True, host='0.0.0.0')
在 src/api里面新启一个文件, 然后定义一个接口
在前端随便写个按钮加上点击事件
项目的config是最外层的vue.config.js, 在里面找到proxy在下面加入自己的配置解可以了
key是一个匹配器, 我的规则xiaofei开头的用的自定义的target, 可以加多层规则, 也可以看一下官方的配置文档
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。