首页 > 其他分享 >webpack配置局域网访问项目

webpack配置局域网访问项目

时间:2023-11-12 23:55:38浏览次数:35  
标签:... 项目 0.0 局域网 访问 webpack

 

要配置webpack允许局域网访问项目,你需要做以下几个步骤:   1. 在webpack配置文件中,找到devServer选项,并设置其属性`host`为`0.0.0.0`。这将允许其他设备通过局域网IP访问你的项目。
module.exports = {
  // ...
  devServer: {
    host: '0.0.0.0',
    // ...
  },
  // ...
};
2. 在终端中运行`npm run dev`启动开发服务器。   3. 在你的设备的终端中,运行`ifconfig`(macOS/Linux)或`ipconfig`(Windows)命令,找到你的局域网IP地址。   4. 在其他设备上的浏览器中输入你的局域网IP地址加上开发服务器监听的端口号(默认是8080),例如`http://192.168.1.100:8080`。现在其他设备应该能够访问你的项目了。   请注意,一些防火墙设置可能会阻止其他设备访问你的项目。如果你遇到问题,请检查你的防火墙设置或尝试在其他网络环境中进行测试。  

标签:...,项目,0.0,局域网,访问,webpack
From: https://www.cnblogs.com/Simoon/p/17828206.html

相关文章

  • WorkPlus即时通讯app:10分钟快速搭建,支持局域网私有化部署!
    随着数字通讯的飞速发展,“IM+办公”模式被越来越多的政企组织所接受和采用。然而,公有云IM服务的信息安全问题时有发生,这使得一些政府部门和事业单位对此存在着爱恨交加的复杂心态。在这样的背景下,私有化IM作为一种解决方案逐渐受到关注。私有化IM可以在企业自己的服务器上部署和运......
  • vue平级访问数据
    <template><divclass="a"><h2>thisisA</h2><span>{{msg}}</span></div></template><script>importBusfrom'../Tools/EventBusTool';exportdefault{data(){......
  • vue跨层访问数据
    <template><divclass="grf">thisisgrandpa<FatherComponent></FatherComponent></div></template><script>importFatherComponentfrom'./FatherComponent.vue';exportdefault{......
  • JVM系列-第7章-对象的实例化内存布局与访问定位-cnblog
    title:JVM系列-第7章-对象的实例化内存布局与访问定位tags:-JVM-虚拟机categories:-JVM-1.内存与垃圾回收篇keywords:JVM,虚拟机。description:JVM系列-第7章-对象的实例化内存布局与访问定位。cover:'https://gitee.com/youthlql/randombg/raw/master/lo......
  • 如何在多台Linux系统主机上实现ssh免密访问——成公钥文件id_rsa.pub(数字签名RSA)
     假设共有三台Linux主机,为matser,slave1,slave2,现在要实现master主机可以ssh免密访问master主机自身以及slave1、slave2。 原理:主机 ssh-keygencat/root/.ssh/id_rsa.pub>/root/.ssh/authorized_keysssh-copy-idroot@slave1ssh-copy-idroot@slave2......
  • Ubuntu连接局域网中Windows主机上的v2r报错:rejected core/proxy/socks: unknown Sock
    参考:https://github.com/2dust/v2rayN/issues/3916  ================================    家里有两台电脑,一个是Windows系统,一个是Ubuntu系统;Windows系统用来平常工作舆论,Ubuntu系统用于远程vscode写写code,因此就有一个需求就使用要Ubuntu系统也能上GitHub。 ......
  • IIS怎么设置跨域访问
    转自:https://jingyan.baidu.com/article/6dad5075fd697ce023e36ed9.html1、设置Access-Control-Allow-Origin 2、打开IIS,找到“HTTP响应标头”点进去 3、在右侧可以看到添加,然后添加如下标头即可Access-Control-Allow-Headers:Content-Type,api_key,AuthorizationAccess......
  • 关于Lambda表达式(箭头函数)的get属性访问器和常规的get属性访问器的差异
    如下代码示例所示d1d2相等,d3d4不等,因为赋值形式的访问器只是new一个实例后赋值,而lambda形式(箭头函数),则是把箭头右侧是当方法体来执行,即每次都new一个新的实例classDog{publicDog(){this.Name=Guid.NewGuid().ToString("N");......
  • vue-cli-service vue.config.js配置 productionSourceMap与webpack中的devtool 关联详
    https://webpack.js.org/configuration/devtool/https://cli.vuejs.org/zh/config/#productionsourcemap https://github.com/vuejs/vue-cli/blob/f0f254e4bc81ed322eeb9f7de346e987e845068e/packages/%40vue/cli-service/lib/config/prod.js#L7 可以在源码中看到if(pro......
  • 14个优化网站性能提高网站访问速度技巧
    相信互联网已经越来越成为人们生活中不可或缺的一部分。ajax,flex等等富客户端的应用使得人们越加“幸福”地体验着许多原先只能在C/S实现的功能。比如Google机会已经把最基本的office应用都搬到了互联网上。当然便利的同时毫无疑问的也使页面的速度越来越慢。自己是做前端开发的,在......