vue cli3 使用手機訪問本地專案

2021-10-02 19:43:51 字數 587 閱讀 3139

這裡只寫一下怎麼使用手機訪問vue的本地專案,多的我就不贅述了!

第一步win+r 開啟cmd

輸入:ipconfig 檢視一下本機網路ip,如下圖:

可以看到本機的ip是:192.168.1.107

第二步:

開啟 vue.config.js這個檔案,新增devserver這個物件 部分配置引數如下:

,//配置自動啟動瀏覽器

proxy:

null

//設定**

}}123

4567

891011

將 host 設定為你自己的本機ip, prot 設定為你要使用的埠號

重新啟動專案npm run serve就可以啦!

vue cli3讀取本地json檔案

一般前端mock資料或者資料量過大且不需要考慮安全問題,或者資料穩定不需要常做變更的場景,這些資料可以由前端進行維護,將資料轉為json檔案放到前端本地進行讀取。由於公司業務,需要在進入頁面的時候,一次獲取15萬條資料用於輸入框的模糊搜尋,但是這樣前端一次性獲取如此大量的資料,直接就導致了頁面崩潰,...

vue cli3的安裝使用

1 全域性安裝vue cli 使用命令 cnpm install g vue cli npm install g vue cli yarn global add vue cli 注意 nodejs版本應該大於8,否則安裝有問題 2 檢測安裝 使用vue v檢視 1 建立專案 根據自身需求選擇配置,最...

vue cli3的打包並在本地檢視

1.vue cli3沒有vue.config.js檔案,在根目錄下建乙個vue.config.js檔案 3.vue cli3.3版本前的打包命令 vue cli3.3版本之後 我用3.3之前的命令打包一直報這種錯誤 後來用3.3版本之後那種命令打包成功 4.打包完成後的注意事項 打包後我們可以看到d...