使用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, 可以加多層規則, 也可以看一下官方的配置文檔