webpack配置局域网访问

最新推荐文章于 2022-01-19 14:11:00 发布
最新推荐文章于 2022-01-19 14:11:00 发布
阅读量1.4k 收藏
点赞数 3
CC 4.0 BY-SA版权
分类专栏： vue 文章标签： webpack vue-cli 局域网访问
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/chen1042246612/article/details/98480982
本文介绍如何在使用vue-cli构建项目时，修改webpack.dev.conf.js文件中的HOST配置，将其从依赖环境变量改为默认使用'0.0.0.0'，确保应用能在不同环境下正常运行。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

使用vue-cli配置的情况下：

将 build/webpack.dev.conf.js中的    

const HOST = process.env.HOST换成

const HOST = process.env.HOST || '0.0.0.0'

 

webpack配置多页面项目
生如夏花 炫至茶靡
02-04 1万+
相信经常使用webpack的人已经深刻体验到自动化工具给我们带来的便利。我自己最常用的是vue,平时就是使用vue-cli或者nuxt构建的项目，聪明的前辈已经为我们配好了项目，可以让我们不必去配置就可以轻松使用。 然而在真正的项目中，我们常常需要写一些简单的页面，并不基于vue这样比较大的框架，比如我明天上班就要做的这个公众号介绍，只有几个页面，但是我又希望能使用webpack来辅助我更好完成
webpack vue项目开发环境局域网访问方法
08-27
下面小编就为大家分享一篇webpack vue项目开发环境局域网访问方法，具有很好的参考价值，希望对大家有所帮助，一起跟随小编过来看看吧
将Webpack搭起的服务设为可局域网访问
qq_43569471的博客
06-12 1766
打开项目目录中的build文件夹，再打开webpack.dev.conf.js 找到 const HOST = process.env.HOST 修改成const HOST = process.env.HOST || '0.0.0.0’ 即可
webpack的简单配置
heartToSky的博客
01-19 488
安装版本 webpack安装需要依赖node环境中的npm工具，这里用的是webpack3.6.0版本，在终端中输入命令 npm install webpack@3.6.0 -g @3.6.0表示版本号为3.6.0，-g表示安装为全局变量中 一般会在文件夹中新建一个src和一个dist文件，src是开发时的源文件，dist中放开发好后打包的文件，上线时讲dist中的文件放到服务器上，打包命令在终端中输入 webpack ./src/main.js ./dist/built.js 这行代码表示将./s
webpack配置局域网访问路径
远行的博客
10-02 2659
将 build/webpack.dev.conf.js中的 const HOST = process.env.HOST换成 const HOST = process.env.HOST || '0.0.0.0' 即可
vue项目中的webpack-dev-sever配置方法
08-28
本文将详细介绍如何配置`webpack-dev-server`，以便在Vue项目中实现外部设备的访问。 首先，`webpack-dev-server` 是基于`webpack` 的一个开发服务器，它会监视源代码的变化，并在检测到更改时自动重新构建项目。在...
webpack本地开发环境无法用IP访问的解决方法
11-28
总的来说，通过修改webpack的devServer配置，设置`host`为`0.0.0.0`，我们可以解决本地开发环境无法通过IP访问的问题，从而实现跨设备的预览和调试。这种方法在团队协作或者需要远程展示项目时非常有用。不过，记得...
webpack 局域网设置_细说webpack系列 7. webpack dev server 的使用
weixin_39799290的博客
11-22 640
大家好！我是萝卜，今天跟大家分享官方提供开发工具 webpack dev server 的使用。webpack-dev-server是一个基于 Express 的本地开发服务器。它使用 webpack-dev-middleware 中间件来为通过 Webpack 打包生成的资源文件提供 Web 服务。它还有一个通过 Socket IO 连接着 webpack-dev-server 服务器的小型运行...
解决webpack本地开发环境无法用IP访问
xiaoping_1988的博客
11-29 1万+
问题描述:只能用http://localhost:8080访问项目,不能用http://本机IP:8080访问解决方案:webpack dev配置文件中加上 host:’0.0.0.0’
webpack vue项目开发环境局域网访问
Museions的开心博客
01-27 3214
webpack http代理,vue cli项目跨域代理.思路：将自己的项目启动ip与端口固定，当然端口也可以为默认的8080步骤：1.查看自己在局域网内的ip 命令行 ipconfig 2.回到自己的开发目录，在根目录找到comfig/index.js 修改 host: 自己的局域网ip 修改 port: 自定义端口-最好不要用80或者其他常用端口示例:comfig/index.jshost:'http://192.168.2.153',//一定要加上...
webpack 局域网设置_小白也能轻松搭建异地局域网，蒲公英X3 Pro测评！
weixin_39744384的博客
10-27 269
在互联网发展创业的兴起时代，许多小公司与小工作室在潮流中获得不小的发展机遇。为了保证数据的安全使用不被竞争对手所盗用，许多公司在办公时会选择在内网进行办公操作。一般来说内网都是局域网，一旦离开了公司，外网就难以进行操作，只有通过特殊的网络设备进行组网，才能通过外网进入指定的内网操作。然而专业一些设备动辄上万，便宜的也要好几千，对于预算吃紧的小规模企业实在有些难以接受。难道就没有符合性价比高的的组网...
webpack-dev-server 配置服务器外部（内网）可以访问
wang_kai_7的博客
01-11 8726
webpack-dev-server官网的说明是：配置host， 如下： 我自己的相关配置如下： // webpack.config.js devServer: { port: 8888, host: '0.0.0.0 } // 命令行中 webpack --host 0.0.0.0 然后发现访问失败，但是访问：localhost:8888和127.0.0.1:888...
vue 开发局域网内访问
实习打字猿的博客
04-18 292
# 在根目录找到 package.json 在scripts内的dev后面加上 --host 0.0.0.0 "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0", }, # 重启项目，同一个局域网内手机访问h...
vuejs配置局域网访问
iceking
01-09 1336
方法一： 打开项目package.json文件 按以下进行配置 "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --port 8080 --host 0.0.0.0", "start": "npm run dev", "bui...
webpack dev server 局域网内访问
ISaiSai的专栏
01-12 1万+
参考文档：http://www.zhoulujun.cn/zhoulujun/html/tools/webpack/2016_0809_7876.html webpack dev server 默认只能localhost 本机访问，如果希望局域网内其它机器访问进行测试 需要修改 添加 –host 0.0.0.0 参数webpack-dev-server --host 0.0.0.0
webpack无法通过 IP 地址访问 localhost 解决方案
热门推荐
thenewdiana的博客
03-10 1万+
1.问题描述：     今天用 webpack (v1.14.0)配置本地服务，为了能在移动端预览开发效果，需要通过 IP 地址生存二维码然后手机扫描访问。却发现不能通过 ip 访问 localhost。      2.解决方案：      经多方查询，在 npm run dev 时添加参数 --host 0.0.0.0即可。     参考地址：https://github.com/web
【vue-cli】vue-cli+webpack配置下局域网，手机无法访问绑定ip的vue项目
z767327552的专栏
03-08 6784
http://192.168.0.104:8080/#/    访问我的vue项目，浏览器可以打开，手机无法打开，在同一局域网段下。1.设置config文件下的index.js文件： dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: {}, /...
webpack-dev-server远程访问配置
jCuckoo的专栏
03-29 8454
下面的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",
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值