詳細教程：http://github.crmeb.net/u/defu
H5文件存放在CRMEB壓縮包里面的根目錄下的h5目錄
h5源碼放在本地打包,然后再上傳服務器,服務器上不需要安裝 nodejs,所有的開發工作只需要再本地進行
1.需要調試H5代碼首先需要安裝 node.js https://nodejs.org/en/ 官方下載地址
2.在H5根目錄下運行命令行,如下圖
windows 用戶可以進入h5目錄使用shift + 右擊 點擊[在此處打開 Powershell窗口]
mac進入命令行可參考下圖 <ignore_js_op>
進入命令行
<ignore_js_op>
3.打開命令行后輸入 npm install 或者 npm i 進行安裝H5,如圖
<ignore_js_op>
正在安裝中,安裝中需要等待片刻
<ignore_js_op>
安裝完成
4.調試H5頁面,再當前命令行輸入 npm run serve,如圖
<ignore_js_op>
正在編譯中
<ignore_js_op>
編譯完成
5. 復制編譯完成后的鏈接放在瀏覽器上訪問,目前請求的接口是當前訪問的域名,這里我們需要修改請求地址
文件路徑src\utils\index.js,如圖
<ignore_js_op>
紅框中屬於本地測試的一個域名,請更換成自己本地的域名,這樣就可以成功訪問接口
6.打包h5代碼 npm run build
首先需要恢復 src\utils\index.js 文件中的修改,把剛注釋的打開,新增的刪除掉,如圖
<ignore_js_op>
然后輸入 npm run build 進行打包
<ignore_js_op>
打包中
<ignore_js_op>
打包完成,打包好的文件存在再 h5/dist 文件夾下,把dist文件夾下的所有文件壓縮打包,上傳壓縮包到服務器的 項目里面的public下進行解壓
7.打包和調試完成