諸城盟族網(wǎng)站建設(shè)北京做網(wǎng)站公司哪家好
文章目錄
- 需要解決
- npm包安裝
- axios
- http-serve
- debug
- 開發(fā)下個階段
- 測試運行方式注意
- 清理磁盤緩存
- 問題解決
HTML Web項目的結(jié)構(gòu)通常是基于MVC(Model-View-Controller)模式設(shè)計的。下面是一般的項目結(jié)構(gòu):
- index.html:項目的入口文件,通常包含網(wǎng)站的主頁和引入的CSS和JavaScript文件。
- css/:存放CSS文件。
- js/:存放JavaScript文件。
- img/:存放圖片和其他媒體文件。
- lib/:存放第三方庫和框架文件。
- model/:存放數(shù)據(jù)模型相關(guān)的代碼。
- view/:存放視圖相關(guān)的代碼。
- controller/:存放控制器相關(guān)的代碼。
這些文件夾通常都有自己的子文件夾來組織代碼。例如,js/文件夾中可能有一個名為“utils/”的子文件夾,用于存放通用的工具函數(shù)。lib/文件夾中可能有一個名為“jquery/”的子文件夾,用于存放jQuery庫的文件。
總的來說,HTML Web項目的結(jié)構(gòu)應(yīng)該是有組織、易于維護和擴展的。
需要解決
npm包安裝
axios
安裝
npm install axios
http-serve
安裝(建議全局安裝 -g)
npm install http-server
標(biāo)準(zhǔn)根目錄運行
http-server
我的項目運行
http-server -o ./StudentLoginPage.html
debug
axios是異步請求,需要在response這里打斷,然后按步執(zhí)行,跳過幾個方法后,才會繼續(xù)向下執(zhí)行
開發(fā)下個階段
測試運行方式注意
清理磁盤緩存
如果在請求狀態(tài)的200中顯示了(磁盤緩存),可以考慮使用以下清理磁盤緩存的方式
問題解決
圖片加載
需要加反斜杠
<img src="/img/navigation/icon015.png" alt="考生頭像" class="header-avatar"/>