truffle webpack下localhost能够访问,而IP地址无法访问的解决方法
2017-07-28 21:41
489 查看
最近学习ethereum时,用truffle webpack遇到一个问题,就是启动服务后能够用localhost:8080访问,但是却不能用IP:8080访问。这样,另外的电脑就不能够访问自己的应用了。
本机IP:219.216.65.127
做了个小实验,nodejs+express,我用node启动了应用程序,既能用localhost:3000访问,也能用219.216.65.127:3000访问,另外一台电脑也能够访问。这样我就想着是不是webpack的配置的问题?
在网上搜到别人的解决方案是:npm run dev - -host “0.0.0.0”
很遗憾的是,我没有成功(我不知道哪里出了问题,麻烦哪位知道的帮我留个言,谢谢大家)
结果如下:
方法1: 根据上面错误提示,我找到了node_modules目录下的webpack-dev-server/.bin/webpack-dev-server.js文件,里面的yargs.options中的字段
把默认的IP地址改成本机IP,重新启动应用程序,现在能够用219.216.65.127:8080访问。但是却不能用localhost:8080访问了。
方法2: https://github.com/webpack/webpack-dev-server/issues/147
在上面链接里面找到了一个解决方法,就是直接用node_modules/.bin/webpack-dev-server –hot –host 219.216.65.127启动服务,不用npm run dev。
启动成功
跟方法1一样,只能用IP+port访问,不能用localhost+port访问了。
这样是可以在另外一台电脑上用219.216.65.127:8080访问的
本机IP:219.216.65.127
做了个小实验,nodejs+express,我用node启动了应用程序,既能用localhost:3000访问,也能用219.216.65.127:3000访问,另外一台电脑也能够访问。这样我就想着是不是webpack的配置的问题?
在网上搜到别人的解决方案是:npm run dev - -host “0.0.0.0”
很遗憾的是,我没有成功(我不知道哪里出了问题,麻烦哪位知道的帮我留个言,谢谢大家)
结果如下:
$ npm run dev --host 219.216.65.127 > truffle-init-webpack@0.0.2 dev /home/hepu/Desktop/Test/test > webpack-dev-server "219.216.65.127" Project is running at http://localhost:8080/ webpack output is served from / Hash: 2e535af56b1ecc259b4a Version: webpack 2.7.0 Time: 2047ms Asset Size Chunks Chunk Names app.js 1.35 MB 0 [emitted] [big] main index.html 925 bytes [emitted] chunk {0} app.js (main) 1.32 MB [entry] [rendered] [82] ./~/web3/index.js 193 bytes {0} [built] [86] ./app/javascripts/app.js 3.64 kB {0} [built] [87] (webpack)-dev-server/client?http://localhost:8080 5.83 kB {0} [built] [88] ./build/contracts/MetaCoin.json 2.62 kB {0} [built] [127] ./~/loglevel/lib/loglevel.js 6.74 kB {0} [built] [161] ./~/strip-ansi/index.js 161 bytes {0} [built] [163] ./~/style-loader/addStyles.js 6.91 kB {0} [built] [164] ./app/stylesheets/app.css 905 bytes {0} [built] [171] ./~/truffle-contract/index.js 2.64 kB {0} [built] [206] ./~/url/url.js 23.3 kB {0} [built] [241] (webpack)-dev-server/client/overlay.js 3.6 kB {0} [built] [242] (webpack)-dev-server/client/socket.js 856 bytes {0} [built] [244] (webpack)/hot nonrecursive ^\.\/log$ 160 bytes {0} [built] [245] (webpack)/hot/emitter.js 77 bytes {0} [built] [247] multi (webpack)-dev-server/client?http://localhost:8080 ./app/javascripts/app.js 219.216.65.127 52 bytes {0} [built] + 233 hidden modules ERROR in multi (webpack)-dev-server/client?http://localhost:8080 ./app/javascripts/app.js 219.216.65.127 Module not found: Error: Can't resolve '219.216.65.127' in '/home/hepu/Desktop/Test/test' @ multi (webpack)-dev-server/client?http://localhost:8080 ./app/javascripts/app.js 219.216.65.127 webpack: Failed to compile.
方法1: 根据上面错误提示,我找到了node_modules目录下的webpack-dev-server/.bin/webpack-dev-server.js文件,里面的yargs.options中的字段
"host": { type: "string", //default: "localhost", default: "219.216.65.127", //新增 describe: "The hostname/ip address the server will bind to", group: CONNECTION_GROUP }
把默认的IP地址改成本机IP,重新启动应用程序,现在能够用219.216.65.127:8080访问。但是却不能用localhost:8080访问了。
方法2: https://github.com/webpack/webpack-dev-server/issues/147
在上面链接里面找到了一个解决方法,就是直接用node_modules/.bin/webpack-dev-server –hot –host 219.216.65.127启动服务,不用npm run dev。
启动成功
~/Desktop/Test/test$ node_modules/.bin/webpack-dev-server --hot --host 219.216.65.127 Project is running at http://219.216.65.127:8080/ webpack output is served from / Hash: 1120d8dcc38ac654dcf2 Version: webpack 2.7.0 Time: 2038ms Asset Size Chunks Chunk Names app.js 1.38 MB 0 [emitted] [big] main index.html 925 bytes [emitted] chunk {0} app.js (main) 1.32 MB [entry] [rendered] [83] ./~/web3/index.js 193 bytes {0} [built] [87] (webpack)/hot/emitter.js 77 bytes {0} [built] [88] ./app/javascripts/app.js 3.64 kB {0} [built] [89] (webpack)-dev-server/client?http://219.216.65.127:8080 5.83 kB {0} [built] [90] (webpack)/hot/dev-server.js 1.57 kB {0} [built] [91] ./build/contracts/MetaCoin.json 2.62 kB {0} [built] [129] ./~/loglevel/lib/loglevel.js 6.74 kB {0} [built] [163] ./~/strip-ansi/index.js 161 bytes {0} [built] [166] ./app/stylesheets/app.css 905 bytes {0} [built] [173] ./~/truffle-contract/index.js 2.64 kB {0} [built] [208] ./~/url/url.js 23.3 kB {0} [built] [244] (webpack)-dev-server/client/socket.js 856 bytes {0} [built] [246] (webpack)/hot nonrecursive ^\.\/log$ 160 bytes {0} [built] [247] (webpack)/hot/log-apply-result.js 1.02 kB {0} [built] [249] multi (webpack)-dev-server/client?http://219.216.65.127:8080 webpack/hot/dev-server ./app/javascripts/app.js 52 bytes {0} [built] + 235 hidden modules webpack: Compiled successfully.
跟方法1一样,只能用IP+port访问,不能用localhost+port访问了。
这样是可以在另外一台电脑上用219.216.65.127:8080访问的
相关文章推荐
- 解决webpack无法通过IP地址访问localhost的问题
- webpack将端口号http://localhost:8080/ 改成本机IP地址:192.168.1.103:8080/,在局域网内访问,方法如下:
- webpack本地开发环境无法用IP访问的解决方法
- Chrome设置本地代理无法访问localhost的解决方法
- ASP.NET --WEB应用程序 App_Code中新的类无法访问的问题解决方法
- IP地址变动后,https://localhost:1158/em无法访问解决办法
- qq能够正常登陆但使用域名无法访问internet的解决方法
- localhost:8080/XXX.jsp 本机无法访问,其他人的电脑却可以通过IP地址访问本机的WEB应用的问题
- springmvc无法访问/WEB-INF/views下的jsp的解决方法
- webpack配置导致字体图标无法显示的解决方法
- Npoi Web 项目中(XSSFWorkbook) 导出出现无法访问已关闭的流的解决方法
- rabbitmq安装后,web管理端口http://localhost:15672/ 无法访问的解决
- 无法创建网站“http://localhost:8082/WebSite”。若要在本地 IIS Web 服务器上访问网站,必须以管理员帐户运行 Visual Studio 以便能够访问 IIS 元数据库。也可以安装 FrontPage 服务器扩展(FPSE
- [nginx] 在虚拟机中的 web 无法被主机访问的解决方法
- webpack打包后直接访问页面图片路径错误的解决方法
- laravel 配置了自己的域名以后, localhost 无法访问 404 not found 的解决方法
- IP地址变动后,https://localhost:1158/em无法访问解决办法
- 安装apache后无法访问localhost或127.0.0.1的一个解决方法
- Eclipse启动tomcat,http://localhost:8080/无法访问的解决方法