您好,登錄后才能下訂單哦!
這篇“Ant Design Pro怎么使用”文章的知識點大部分人都不太理解,所以小編給大家總結了以下內容,內容詳細,步驟清晰,具有一定的借鑒價值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“Ant Design Pro怎么使用”文章吧。
Ant Design Pro 是一個企業級中后臺前端/設計解決方案。通俗的說,就是一個基于 reactjs 的后臺界面。包含的技術有 reactjs、ant-design、umijs。
npx create-umi npm install npm start
umi-ui是可視化輔助編程插件。感興趣的可以嘗試一下。安裝下列方式按照umi-ui依賴后,正常啟動Ant Design Pro,就可以在后臺看到umi-ui的圓形按鈕。
npm install @umijs/preset-ui --save-dev
Ant Design Pro使用的是mock數據。如果希望訪問到真實后臺的數據,就需要設置代理。
配置文件:/config/proxy.ts
主要修改dev配置的target:
dev: { '/api/': { target: 'http://localhost', changeOrigin: true, pathRewrite: { '^': '' }, }, },
如果數據請求的地址在mock中不存在,就會訪問代理提供的地址。
以上就是關于“Ant Design Pro怎么使用”這篇文章的內容,相信大家都有了一定的了解,希望小編分享的內容對大家有幫助,若想了解更多相關的知識內容,請關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。