`
allan9958
  • 浏览: 79403 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

webpack server 可以在局域网访问

 
阅读更多
想在会议上展示最近写的一些react组件，发现webpack server 只有在本地才能访问。于是网上找到了方式，很简单。


--host 0.0.0.0 
"dev": "webpack-dev-server  --host 10.0.1.156 --port 3000 --devtool eval --progress --colors --hot --content-base build"
分享到：
| webpack fontawesome 配置
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    webpack vue项目开发环境局域网访问方法

    总的来说，通过以上步骤，你就能成功地在Webpack和Vue的开发环境中设置局域网访问，让团队成员能够实时共享和测试代码，提升协同开发的效率。请记住，安全是首要考虑的因素，不要在不安全的网络环境下开启这种设置，...

    解决webpack无法通过IP地址访问localhost的问题

    总结，通过在Webpack Dev Server启动命令中添加`--host 0.0.0.0`参数，可以解决无法通过IP地址访问localhost的问题，使得在不同设备上预览本地开发应用成为可能。了解这些知识对于提升开发效率和优化跨设备测试流程...

    webpack本地开发环境无法用IP访问的解决方法

    总的来说，通过修改webpack的devServer配置，设置`host`为`0.0.0.0`，我们可以解决本地开发环境无法通过IP访问的问题，从而实现跨设备的预览和调试。这种方法在团队协作或者需要远程展示项目时非常有用。不过，记得...

    vue项目中的webpack-dev-sever配置方法

    在Vue项目中，`webpack-dev-server` 的配置通常位于`vue.config.js` 文件中，如果该文件不存在，可以在项目根目录下创建一个。 2. **基本配置**： 打开`vue.config.js` ，并设置`devServer` 对象来配置`webpack-...

    完美解决通过IP地址访问VUE项目的问题

    start: cross-env NODE_ENV=development webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0, } 第一步和第二步都有ip，其实第二步优先级高，这里第二步的host可以不设置...

    vue-cli项目无法用本机IP访问的解决方法

    在Vue CLI项目中，`webpack.dev.conf.js`是用于开发环境的配置文件，其中包含了一个名为`devServer`的对象。在这个对象中，`host`属性定义了服务器监听的地址。默认情况下，Vue CLI会从`process.env.HOST`或`config....

    vue 本地服务不能被外部IP访问的完美解决方法

    此外，如果你希望在每次启动项目时自动使用特定IP，可以在`package.json`的`scripts`部分中更新`dev`命令，指定`--host`参数为你想要的IP地址： ```json "scripts": { "dev": "webpack-dev-server --inline --...

    其他人如何查看前端工程师在本地跑的vue项目（0.0.0.0）

    首先，Vue项目通常通过webpack-dev-server或类似的开发服务器运行，它们默认将项目绑定到`localhost`，这意味着只有在本地计算机上才能访问。为了允许其他设备访问，我们需要更改Vue项目的配置，使它监听所有网络...

Magicbox
Global site tag (gtag.js) - Google Analytics