国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

【Vue3】手機(jī)訪問vue項(xiàng)目 || 手機(jī)無法訪問vue項(xiàng)目 || 手機(jī)無法訪問vue項(xiàng)目解決方法

2年前作者：視覺CG分類：Toy博客閱讀(30)違法舉報(bào)

這篇具有很好參考價(jià)值的文章主要介紹了【Vue3】手機(jī)訪問vue項(xiàng)目 || 手機(jī)無法訪問vue項(xiàng)目 || 手機(jī)無法訪問vue項(xiàng)目解決方法。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方，請(qǐng)大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

需求

手機(jī)端訪問電腦端開發(fā)的項(xiàng)目。

解決需求

1. 環(huán)境

手機(jī)與電腦連接同一個(gè)WiFi（或手機(jī)開熱點(diǎn)給電腦連），保證手機(jī)與電腦在同一局域網(wǎng)。

2. 配置

找到 vue3 的配置文件 - package.json (我這里用的是vite+vue3)
找到dev配置項(xiàng)，輸入 –host 0.0.0.0，代碼如下

 "scripts": {
    "dev": "vite --host  0.0.0.0",
  },

圖片演示

3. 運(yùn)行

npm run dev 運(yùn)行項(xiàng)目，訪問Network地址 ,如下圖:
手機(jī)訪問vue項(xiàng)目,Vue3,vue.js,智能手機(jī),前端

故障 | 問題

以上步驟無誤后，有些小伙伴手機(jī)端還是訪問不了vue項(xiàng)目。

若手機(jī)端訪問不了，說明電腦未關(guān)閉防火墻，關(guān)閉防火墻后即可訪問。

防火墻關(guān)閉

設(shè)置里搜防火墻，點(diǎn)擊 Window Default 防火墻

點(diǎn)擊 啟用貨關(guān)閉Window Default 防火墻
關(guān)閉防火墻，如下圖

關(guān)閉后即可通過手機(jī)端訪問

End

2023/3/3 15:59

晴朗

【推薦】
【TinyMce】element-plus的覆蓋TinyMce通用解決方法&TinyMce被遮擋

【Vue3&tinymce】Vue3使用tinymce富文本編輯器文章來源地址http://www.zghlxwxcb.cn/news/detail-578314.html

到了這里，關(guān)于【Vue3】手機(jī)訪問vue項(xiàng)目 || 手機(jī)無法訪問vue項(xiàng)目 || 手機(jī)無法訪問vue項(xiàng)目解決方法的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點(diǎn)僅代表作者本人，不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請(qǐng)注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符，請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋，一經(jīng)查實(shí)，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

【異常解決】vue項(xiàng)目localhost:8080無法訪問此網(wǎng)站或者無法訪問此頁面，localhost拒絕了我們的連接請(qǐng)求
前端頁面使用的是vue，vue項(xiàng)目啟動(dòng)成功，沒有任何報(bào)錯(cuò)，服務(wù)控制臺(tái)已出現(xiàn)APP訪問地址，如下圖所示：點(diǎn)擊訪問地址，瀏覽器打開后頁面先是空白，然后過了一會(huì)兒顯示無法訪問此網(wǎng)站，localhost拒絕了我們的連接請(qǐng)求頁面，信息如下：出現(xiàn)此問題的原因有以下幾種：請(qǐng)挨個(gè)
2023年04月25日
瀏覽(92)
nginx部署vue項(xiàng)目,給訪問路徑加前綴的方法：vue.config.js配置publicPath和nginx配置alias
本文主要涉及到 Vue.js 項(xiàng)目部署在 Nginx 上的相關(guān)問題。其中，publicPath 選項(xiàng)可以用于設(shè)置 Vue.js 項(xiàng)目的訪問路徑前綴，alias 指令可以用于 Nginx 中將請(qǐng)求路徑映射到指定的文件系統(tǒng)路徑。同時(shí)，通過設(shè)置 Nginx 配置文件，可以將多個(gè) Vue.js 項(xiàng)目部署在同一個(gè)域名下的不同路徑中。
2024年02月16日
瀏覽(18)
Vue3.0跨端Web SDK訪問微信小程序云儲(chǔ)存，文件上傳路徑不存在/文件受損無法顯示問題（已解決）
需要vue3.0作為pc端的后臺(tái)管理來連接微信小程序客戶端需要Web SDK的引入，實(shí)現(xiàn)vue3.0接入云開發(fā)環(huán)境需要以云環(huán)境作為線上服務(wù)器，將vue3.0上傳的本地文件通過云環(huán)境進(jìn)入云儲(chǔ)存，并將文件在云端生成云端快捷訪問路徑及http/https路徑（公網(wǎng)路徑）修改云端儲(chǔ)存的權(quán)限代碼：
2024年02月08日
瀏覽(31)
解決vue3+vite項(xiàng)目中引入mockjs失敗的問題--無法找到模塊“mockjs”的聲明文件
?看到上面報(bào)錯(cuò)，根據(jù)提示修改聲明方式?declare module \\\'mockjs\\\' ?我們修改一下引入的聲明，發(fā)現(xiàn)修改之后仍然報(bào)錯(cuò)； ? ?解決方法：需要在vite-env.d.ts文件中，添加? declare module \\\'mockjs\\\'，保存即可 ?然后就可以正常使用了 ?
2024年02月11日
瀏覽(34)
vue3+ts import引入第三方j(luò)s文件報(bào)錯(cuò)解決方法
報(bào)錯(cuò)原因：執(zhí)行 import XXX from ‘XXX.js’ 報(bào)錯(cuò)，The requested module ‘xxx.js’ does not provide an export named ‘default’ 可能是第三方文件不支持模塊化標(biāo)準(zhǔn)，不能按需導(dǎo)入解決方案 : 第一種方法：在index.html里利用script全局引入第二種方法：在所需的.vue文件里單獨(dú)引入，最后在hea
2024年02月16日
瀏覽(90)
Vue3.0 vue.js.devtools無法顯示Pinia調(diào)試工具
之前的配置方式：更新配置方式：設(shè)置之后即可顯示調(diào)試工具
2024年03月11日
瀏覽(25)
Vue3 在vite中運(yùn)行無法使用外部ip訪問
使用vite創(chuàng)建的vue項(xiàng)目運(yùn)行時(shí)，只能使用localhost（127.0.0.1）訪問，如果使用外部ip，提示使用–host參數(shù)，可使用npm run dev --host，不起作用，在host后增加0.0.0.0也不起作用。需要運(yùn)行npx vite --host 0.0.0.0。還有一個(gè)辦法，就是在vite.config.js中增加配置server：
2024年02月16日
瀏覽(20)
vue項(xiàng)目訪問服務(wù)器時(shí)：WebSocket connection to ‘wss://XXXX/‘的解決方法
關(guān)于WebSocke的介紹：新手入門：websocket 簡(jiǎn)單來說，WebSocket 為web應(yīng)用程序客戶端和服務(wù)端之間（客戶端服務(wù)端）提供了一種全雙工通信機(jī)制，報(bào)錯(cuò)是因?yàn)榘l(fā)送報(bào)文的過程出現(xiàn)問題。我的報(bào)錯(cuò)如下：程序可以正常運(yùn)行使用，但一直打印報(bào)錯(cuò)太難受了，問了一下同事，也查了一下
2024年02月11日
瀏覽(24)
vue初體驗(yàn)1：新建vue3項(xiàng)目并啟動(dòng)訪問（mac）
一、安裝hbuilderx HBuilderX是一款基于Electron框架開發(fā)的跨平臺(tái)的集成開發(fā)環(huán)境（IDE），是為前端開發(fā)者服務(wù)的通用 IDE，或者稱為編輯器；提供比其他工具更優(yōu)秀的 vue 支持。HBuilderX集成了多種開發(fā)工具和語言，包括HTML、CSS、JavaScript、TypeScript、Vue.js、React等，可以幫助開發(fā)者
2024年02月08日
瀏覽(20)
vue本地能夠訪問圖片，打包項(xiàng)目之后圖片無法訪問
上述寫法本地能夠正常訪問圖片，但是打包之后無法正常訪問,將 boxHerf 換成下列寫法即可解決注意：new URL(url,import.meta.url) 中的參數(shù) url ，不能如下面定義變量拼接上述開發(fā)沒問題，但是打包會(huì)報(bào)錯(cuò)，不支持 import.meta.url new URL() 創(chuàng)建一個(gè)新 URL 對(duì)象的語法：new URL(url, [base])
2024年02月06日
瀏覽(24)