使用vue-element-admin框架調用后端接口及跨域的問題
更新時間：2023年11月27日 09:24:41 作者：小僵尸打字員
這篇文章主要介紹了使用vue-element-admin框架調用后端接口及跨域的問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
前言
vue-element-admin 官方git地址 https://github.com/PanJiaChen/vue-element-admin
進行開發(fā)需要調用外部接口, 而且還涉及到跨域的問題，百度出來的全部都是說在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是一個匹配器, 我的規(guī)則xiaofei開頭的用的自定義的target, 可以加多層規(guī)則, 也可以看一下官方的配置文檔
總結
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
Vue動態(tài)路由(約定路由),聽起來好像很玄乎的樣子,但是你要是理解了實現(xiàn)思路,你會發(fā)現(xiàn)沒有想象中的那么難,下面這篇文章主要給大家介紹了關于vue實現(xiàn)動態(tài)路由添加功能的簡單方法,需要的朋友可以參考下2023-03-03
如果你在 vue3 開發(fā)中使用了語法的話,對于組件的name屬性,需要做一番額外的處理,下面這篇文章主要給大家介紹了關于Vue3 setup語法糖的相關資料,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了vue學習之Vue-Router用法,結合實例形式分析了Vue-Router路由原理與常見操作技巧,需要的朋友可以參考下2020-01-01
這篇文章主要介紹了vue 本地服務不能被外部IP訪問的解決方法,本文通過代碼講解的非常詳細，需要的朋友可以參考下2018-10-10
hover是css中的選擇器，用于選擇鼠標指針浮動在上面的元素。這篇文章主要介紹了vue使用v-for實現(xiàn)hover點擊效果,需要的朋友可以參考下2018-09-09
本篇文章主要介紹了vue.js如何更改默認端口號8080為指定端口的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要介紹了vue的圖片需要用require的方式進行引入問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
vue-router結合vuex實現(xiàn)用戶權限控制功能
這篇文章主要介紹了vue-router結合vuex實現(xiàn)用戶權限控制功能，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-11-11
vue+element+springboot實現(xiàn)文件下載進度條展現(xiàn)功能示例
本文主要介紹了vue + element-ui + springboot 實現(xiàn)文件下載進度條展現(xiàn)功能，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
vue-cli啟動本地服務局域網(wǎng)不能訪問的原因分析
這篇文章主要介紹了vue-cli啟動本地服務，局域網(wǎng)下訪問不到的原因分析,在文中還給大家介紹了vue-cli起的webpack項目 用localhost可以訪問，但是切換到ip就不可以訪問 的原因，本文給大家介紹的非常詳細，需要的朋友參考下2018-01-01