webpack搭建的项目如何在手机端通过电脑本地ip可以访问呢

最新推荐文章于 2024-03-29 11:02:35 发布
最新推荐文章于 2024-03-29 11:02:35 发布
阅读量1.8k 收藏 1
点赞数
分类专栏： webpack/npm vuejs h5移动端/微信公众号
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiasohuai/article/details/84499116
版权

我们在做手机端项目的时候，肯定想能让项目在真机上快速方便的访问，而不是等着服务端发版才能访问到，那么如何实现呢？

那么我们只需要在package.json的dev进行配置--host 0.0.0.0，然后要看你webpack-dev-server起服务的host的ip，比如webpack-dev-server的ip是192.168.1.1，那手机端就访问192.168.1.1:8080即可。

或者修改config文件夹下的index.js

姜无忧
关注
专栏目录
付费课程：针对爬虫&逆向感兴趣、兼职&全职的同学可以了解下
猫敷雪
08-04 957
selenium选择元素_id选择器_class选择器_CSS选择器_xpath选择器。JavaScript压缩 混淆原理。OB混淆JavaScript。主要分析案例，讲解思路、代码。echarts可视化精讲。RPC调试技巧终端和注入。RPC接口调用与动态传参。acw_sc__v2系列。webpack打包原理。webpack构造形式。flask框架源码课。gerapy部署爬虫。RPC概念与通讯原理。RPC环境搭建与集群。RPC加密算法一把梭。
前端从头搭建个人博客
weixin_33968104的博客
01-14 4411
项目介绍   几乎每个程序员都有一个博客梦。抱着学习前后端技术的心态花一个月左右的时间来完成这个个人项目。 这是一个使用vue2做前端框架，koa2做后端，mongodb数据库，搭建的单页面应用。网站的功能展示我自己的技术分享，和后台编辑书写博客，支持markdown语法。本次项目大量借鉴了BUPT-HJM大神的博客，从ui到代码细节，借鉴了很多。真的很感谢开源的大神。代码地址github，个人网...
webpack vue项目开发环境局域网访问方法
08-27
下面小编就为大家分享一篇webpack vue项目开发环境局域网访问方法，具有很好的参考价值，希望对大家有所帮助，一起跟随小编过来看看吧
5. webpack-dev-server代替proxy,允许外部IP访问
黄彪博客
01-20 3289
文章目录文章参考安装 webpack-dev-serverpackage.json 添加 scripts 命令，启动 webpack-dev-serverwebpack.config.js 配置属性说明打开指定端口默认打开浏览器外部地址可以访问支持httpsHMR (热模块替换)proxy 代理转发 文章参考 webpack-dev-server github 开发中 Server(devSer...
webpack项目-本地(localhost)和ip(192.168.xx.xx) 打开
q1452751939的博客
01-13 2104
解决webpack使用ip访问
Minyoung 的博客
06-12 4185
设置如下，既可以用ip又可以用localhost访问
webpack-dev-server远程访问配置
jCuckoo的专栏
03-29 8392
下面的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",
谷粒商城项目搭建思路
super_song的博客
06-21 2030
文章目录1. 基础篇核心技术点1.1 搭建环境2.高级篇核心技术点3. 集群篇 1. 基础篇 核心技术点 微服务基础开发： 逆向工程、微服务基础开发 SpringBoot、Mybatis、MybatisPlus、JCR303、Restful Maven、Git、Vagrant、Linux、Docker Aliyun-Oss、MySQL、Redis ES6、Vue、element-ui 目标：从0开始做一个合格的小全栈程序员 1.1 搭建环境 使用VirtualBox搭建虚拟机环境，需要设置cpu 2.高
day03-搭建项目
wuhua_0829的博客
12-25 452
- 了解vue-router使用 - 了解webpack使用 - 会使用vue-cli搭建项目 - 独立搭建后台管理系统 - 了解系统基本结构
webpack配置的项目如何在本地手机访问
weixin_44777146的博客
10-12 495
默认情况下 webpack-dev-server只能通过 localhost 访问 如果需要通过 ip在同一无线网的手机上访问，首先在package.json中找到启动项 然后 启动项后面插入 --host 你的ip地址 然后就可以通过ip地址+端口号进行手机访问 ...
摆脱跨域限制,配置 webpack 将接口代理到本地
weixin_34279246的博客
09-20 599
2019独角兽企业重金招聘Python工程师标准>>> ...
webpack构建的项目配置ip运行地址
你猜我猜不猜
04-01 7399
我们平常在做vue或者react项目时，往往会使用脚手架直接搭建，有些脚手架会封装好使用本地的ip进行项目的访问，但是有些时候我们使用npm run dev或者npm start运行项目，发现只有localhost:8080类似的访问地址，这个时候如果我们有额外的需求，不如用手机来访问看看效果，会发现localhost这个地址是生成不了二维码的，这个时候我们就需要自己动手去配置。目前我所了解的方式...
一、Webpack基本配置及使用
u012732909的博客
05-17 886
一、Webpack基本配置及使用 1、安装本地Webpack webapck webpack-cli -D // -D 表示上线不需要打这个包 // 初始化一下，记录安装的依赖 yarn init -y // 5.2支持的npx语法可以直接执行webpack // 默认去找node_modules下面的bin文件里面的webpack.cmd npx webpack 2、 Webpack可以0配置 打包工具 -> 输出后的结果(js模块) 打包 -> 支持js模块化 //
webpack-dev-server 如何直接用IP打开
最新发布
猿始森林
03-29 1123
当你需要使用IP来访问服务器时，可能需要对 webpack-dev-server 进行相关设置；当你使用PD虚拟机在Windows上调试时，可能会用到；
webpack将端口号http://localhost:8080/ 改成本机IP地址:192.168.1.103:8080/，在局域网内访问，方法如下：
热门推荐
麻球科技
03-13 2万+
找到config文件下的index.js 将host: 'localhost', // can be overwritten by process.env.HOST 改为：host: '192.168.1.103', // can be overwritten by process.env.HOST即可，在浏览器输入192.168.1.103:8080/即可访问...
解决webpack本地开发环境无法用IP访问
xiaoping_1988的博客
11-29 1万+
问题描述:只能用http://localhost:8080访问项目,不能用http://本机IP:8080访问解决方案:webpack dev配置文件中加上 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
webpack2.0前端项目搭建完全指南
"这篇教程详细介绍了如何使用webpack2.0搭建前端项目，涵盖了webpack的基本概念、初始化项目、安装loader以及配置webpack.config.js等关键...通过实践这些步骤，开发者可以更好地理解和掌握webpack在前端项目中的应用。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值