您好,登錄后才能下訂單哦!
這篇文章主要介紹了vue本地服務(wù)不能被外部IP訪問怎么辦,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
解決 webpack-dev-serveri
啟動后通過外部訪問報錯 invalid host header
修改 config/index.js 的 host 屬性為 ‘0.0.0.0'
{ // ..., host: '0.0.0.0', port: 8080, // ... }
修改 build/webpack.dev.conf.js 的 devServer 配置
增加 disableHostCheck = true
devServer: { clientLogLevel: 'warning', historyApiFallback: true, hot: true, compress: true, host: HOST || config.dev.host, port: PORT || config.dev.port, open: config.dev.autoOpenBrowser, overlay: config.dev.errorOverlay ? { warnings: false, errors: true } : false, publicPath: config.dev.assetsPublicPath, proxy: config.dev.proxyTable, quiet: true, // necessary for FriendlyErrorsPlugin disableHostCheck: true, watchOptions: { poll: config.dev.poll, } }
啟動后就可以通過 IP 訪問了,比如 IP 為 192.168.1.100
http://192.168.1.100:8080
PS:vue把localhost改成ip地址無法訪問—解決方法
打開package.json文件,找到下面的代碼
"scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", "build": "node build/build.js" },
改成
"scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 192.168.0.114", "start": "npm run dev", "build": "node build/build.js" },
host后面是你的ip地址。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“vue本地服務(wù)不能被外部IP訪問怎么辦”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。