本地部署element-plus文檔的簡單步驟
前言
由于一直使用的前端組件element-plus，所以需要經(jīng)?？次臋n，但無奈官網(wǎng)實在不給力，經(jīng)常報503或者404，大大影響效率和心情，忍無可忍就本地化部署一套解決此問題。
百度了一下大多數(shù)都是使用 vscode的live server, 或者放到服務(wù)器上, 均可使用。
因為我自己測試需要訪問很多文件或者視頻資源，所以在本地搭建了一個tomcat服務(wù)器，不用上傳到服務(wù)器，不用擔(dān)心被刪掉
1. 安裝tomcat9.0或者其他版本均可
下載地址： Apache Tomcat® - Apache Tomcat 9 Software Downloads
注意下載安裝版本，這樣方便知道tomcat的運行狀態(tài)，也可以配置開機啟動。
2.下載element-plus文檔
下載地址: https://github.com/element-plus/element-plus/tree/gh-pages
或者gitee: element-plus: ?? Vue 3 的桌面端組件庫 - Gitee.com
3, 解壓到tomcat的安裝目錄webapps下
記住只有一個element-plus文件夾
4，配置訪問路徑
如果不配置訪問路徑，直接訪問 http://localhost:8080/element-plus/index.html
會出現(xiàn)404
打開 conf/server.xml文件，
加上這一段 ，可以順便把端口號8080改一下任意端口，
配置完成后保存，然后鼠標右鍵任務(wù)欄的tomcat圖標，先stop service, 再start service重啟tomcat服務(wù)，
5，訪問
地址欄訪問: http://localhost:8088/index.html
會自動跳轉(zhuǎn)到http://localhost:8088/zh-CN/
即可打開element-plus頁面，訪問飛快
出現(xiàn)上面彈窗，點擊取消
總結(jié)
到此這篇關(guān)于本地部署element-plus文檔的簡單步驟的文章就介紹到這了,更多相關(guān)本地部署element-plus文檔內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue3?setup語法糖下父組件如何調(diào)用子組件
這篇文章主要介紹了vue3?setup語法糖下父組件如何調(diào)用子組件問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
生命周期鉤子又被叫做生命周期時間,生命周期函數(shù),生命周期鉤子就是vue生命周期中出發(fā)的各類事件,這些事件被稱為生命周期鉤子,下面這篇文章主要給大家介紹了關(guān)于Vue生命周期鉤子的相關(guān)資料,需要的朋友可以參考下2022-06-06
本篇文章主要介紹了解析Vue2 dist 目錄下各個文件的區(qū)別，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
詳解基于Vue2.0實現(xiàn)的移動端彈窗(Alert, Confirm, Toast)組件
這篇文章主要介紹了詳解基于Vue2.0實現(xiàn)的移動端彈窗(Alert, Confirm, Toast)組件，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
vue?頁面刷新、重置、更新頁面所有數(shù)據(jù)的示例代碼
Vue.js提供了多種方式來實現(xiàn)頁面刷新、重置和更新頁面所有數(shù)據(jù)的功能,下面通過示例代碼演示vue?頁面刷新、重置、更新頁面所有數(shù)據(jù),感興趣的朋友跟隨小編一起看看吧2024-01-01
Vue3生命周期Hooks原理與調(diào)度器Scheduler關(guān)系
這篇文章主要為大家介紹了Vue3生命周期Hooks原理與調(diào)度器Scheduler關(guān)系詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
vue3+ts如何通過lodash實現(xiàn)防抖節(jié)流詳解
loadsh是一個工具庫，我們通常使用loadsh的debounce函數(shù)處理防抖,下面這篇文章主要給大家介紹了關(guān)于vue3+ts如何通過lodash實現(xiàn)防抖節(jié)流的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-08-08
這篇文章主要介紹了詳解vue移動端項目的適配(以mint-ui為例)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
Vue瀏覽器緩存sessionStorage+localStorage+Cookie區(qū)別解析
這篇文章主要介紹了Vue瀏覽器緩存sessionStorage+localStorage+Cookie區(qū)別解析,本文通過示例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-09-09
vue使用axios獲取不到響應(yīng)頭Content-Disposition的問題及解決
這篇文章主要介紹了vue使用axios獲取不到響應(yīng)頭Content-Disposition的問題及解決,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-06-06