完美解決通過IP地址訪問VUE項目的問題
更新時間：2020年07月18日 13:55:13 作者：迷糊的小元寶
這篇文章主要介紹了完美解決通過IP地址訪問VUE項目的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
第一步
1.將config里面的host設置成0.0.0.0
host: '0.0.0.0',
2.修改package.json
"scripts": {
"start": "cross-env NODE_ENV=development webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",
}
第一步和第二步都有ip，其實第二步優(yōu)先級高，這里第二步的host可以不設置，vue默認執(zhí)行第一步的設置
3.查看開發(fā)機的ip地址，并告訴給其他小伙伴，還有端口號
補充知識：vue項目通過本地ip實現(xiàn)真機調試
使用webpack打包后
cmd 輸入 IPCONFIG 拿這個地址
然后去package.json 在dev里面輸入 你的ip
然后npm run dev 運行即刻
你的電腦 鏈接的wifi 需要和別人想訪問的設備鏈接的wifi 一致 否則ip不一致無法調試
以上這篇完美解決通過IP地址訪問VUE項目的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
vue element-ui el-tooltip組件失效問題及解決
這篇文章主要介紹了vue element-ui el-tooltip組件失效問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要為大家詳細介紹了Vue.js路由實現(xiàn)選項卡簡單實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要介紹了VUE el-tree組件左邊勾選，右邊清除交互問題，具有很好的參考價值，希望對大家有所幫助。2023-04-04
由于一些演示需要對一些簡單頁面進行配置,由于打包build后的vue項目基本已經(jīng)看不出原樣,因此需要創(chuàng)建一個文件,并在打包的時候不會進行編譯,所以文件放在public,這篇文章主要給大家介紹了關于vue引用public文件夾中文件的多種方式,需要的朋友可以參考下2024-02-02
actions用來處理mutations中的異步操作,觸發(fā)mutations中的函數(shù),下面這篇文章主要給大家介紹了關于vuex新手進階篇之a(chǎn)ctions的使用方法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-10-10
淺談VueJS SSR 后端繪制內(nèi)存泄漏的相關解決經(jīng)驗
這次我想給大家介紹的內(nèi)存泄漏的定位方法，并非工具的使用。而是一些經(jīng)驗的總結，也就是我所知道的 VueJS SSR 中最容易出現(xiàn)內(nèi)存泄漏的地方，非常具有實用價值，需要的朋友可以參考下2018-12-12
列表頁面顯示數(shù)據(jù)，點擊跳轉到對應的詳情頁，詳情頁可以添加并跳轉到購物車，購物車具有常見功能，這篇文章主要介紹了vue?實現(xiàn)列表跳轉至詳情且能添加至購物車,需要的朋友可以參考下2022-10-10
本文介紹了在Vue2項目中嵌入可浮動的第三方網(wǎng)頁窗口的實現(xiàn)方法,包括使用iframe、div+script和dialog元素等方式,并提供了一個實戰(zhàn)Demo,展示了如何在Vue組件中動態(tài)加載和控制浮窗的顯示,需要的朋友可以參考下2025-02-02
我們在開發(fā)過程中，有時會遇到后端返回的文件地址和我們的網(wǎng)站不是同源的情況下，本文就介紹了vue如何根據(jù)url下載非同源文件，感興趣的可以了解一下2021-06-06
Vue在echarts?tooltip中添加點擊事件案例詳解
本文主要介紹了Vue項目中在echarts?tooltip添加點擊事件的案例詳解，代碼具有一定的價值，感興趣的小伙伴可以來學習一下2021-11-11