本文主要為大家分享一篇webpack-dev-server遠端存取設定方法，具有很好的參考價值，希望對大家有幫助。一起跟著小編過來看看吧，希望能幫助大家。
下面的package.json檔案中設定的webpack-dev-server為開發模式，可以使用http://localhost:8080或http://127.0.0.1:8080進行存取
"scripts": {
"dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
"build": "rimraf dist && cross-env NODE_ENV=production webpack --progress --hide-modules"
},當需要遠端存取時，需要在package.json中進行修改
"scripts": {
"dev": "webpack-dev-server --host 10.30.1.102 --devtool eval --progress --colors --hot --content-base build",
"build": "rimraf dist && cross-env NODE_ENV=production webpack --progress --hide-modules"
},此時，可以透過http://192.168.10.8:8080或http://127.0.0.1:8080這種形式進行訪問，但是http://localhost:8080無法進行存取。
相關推薦：
webpack-dev-server使用http-proxy解決跨域問題詳解
#以上是webpack-dev-server遠端存取配置教學課程的詳細內容。更多資訊請關注PHP中文網其他相關文章！
