vue項目如何在移動端預覽

作好的vue項目想在移動端去預覽,測試效果。vue

查看本地IPv4

win+r 輸入cmd,而後肯定,輸入ipconfig查看IPv4。 以下圖: npm

ipconfig.PNG
ipv4.PNG

修改IP地址

找到項目中的config文件夾中的index.js,修改文件中的host,改爲本機的ipv4。 以下圖: 瀏覽器

修改項目host.PNG

同一個wifi

將手機和電腦鏈接在同一局域網下,簡單的講能夠鏈接同一個wifi 。bash

製做二維碼

二維碼製做地址:cli.im/ 測試

二維碼內容.PNG

運行項目

npm run dev
複製代碼

手機掃描二維碼內容或在手機瀏覽器中直接輸入二維碼製做的內容便可。spa

相關文章
相關標籤/搜索