非webpack架子，手机端如何访问本地项目

最新推荐文章于 2024-04-26 16:49:42 发布
最新推荐文章于 2024-04-26 16:49:42 发布
阅读量384 收藏
点赞数
分类专栏： h5移动端/微信公众号 服务器/nginx/服务端配置
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiasohuai/article/details/84500426
版权

1.  由于tomcat需要jre运行环境，所以你得先装好jdk，并配好环境

2.  下载一个Tomcat。点击安装，没啥好说的，首先他会检测到jre环境，后面选择一下你的安装目录，接着下一步下一步就行。

3.  简单部署流程：将你的web项目拷贝到tomcat中部署web应用的位置：D:\Program Files\Apache Software Foundation\Tomcat 7.0\webapps   这里是我安装的目录

4.  我的电脑——管理，启动Tomcat

5.运行项目

6.  查看本地ip地址，假如是192.168.1.1，那么我们手机只要跟电脑连的同一个网络即可访问到http://192.168.1.1/jiangyx/index.html

注：这里要关闭防火墙，才可以访问

 

 

姜无忧
关注
专栏目录
如何用手机访问电脑本地webpack打包的项目?
qq_41156834的博客
09-18 604
手机访问电脑本地项目 首先确保手机和电脑在同一个局域网中（例如连接同一个 WiFi ） 一般情况下手机访问电脑的 ip 地址会被防火墙阻挡，所以在防火墙中添加入站规则： 这里我设置项目端口为比较常见的 80 端口，之后按默认设置点击下一步就可以了 启动本地 webpack 打包项目 首先需要安装 webpack-dev-server插件（方便调试以及后期开发），安装、配置及使用方...
webpack本地开发环境无法用IP访问的解决方法
11-28
问题描述： 只能用http://localhost:8080访问项目,不能用http://本机IP:8080访问 解决方案： webpack dev配置文件中加上 host:’0.0.0.0′ 以上这篇webpack本地开发环境无法用IP访问的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
手机怎么访问电脑的本地的移动端项目？超级简单，这篇文章直接搞定
xiaoxiaoxin1128的博客
08-18 1903
出现该问题主要是因为你电脑的防火墙将某些端口号的 htpp 的网络访问协议给屏蔽掉了（一般的电脑操作系统是默认不屏蔽 80,8080 一些常用的端口的），所以你可以直接将自己的电脑的防火墙全部关闭。作为一名开发或者运维的同学，平时都在电脑上F12开启手机适配模式，去调整代码和样式，有时候出于更严谨的方式，我们需要使用真机来调试样式，由于代码在本地的环境，没有上传到服务器，所以我们需要，手机怎么去开启访问本地的移动端项目呢？#手机怎么访问电脑的本地的移动端项目。#第二步：查看的电脑的IP。
手机端访问本地vue项目
最新发布
liuzaixi的博客
04-26 1168
devServer添加配置： host: “0.0.0.0”, disableHostCheck: true。注意不是在浏览器直接输入IP显示的那个外网IP地址。
win10系统下,webpack+vue2+vue-cli项目,手机端访问项目爬坑
gouwa626的博客
07-10 574
配置 package.json文件"dev": "webpack-dev-server --host 192.168.2.143 --inline --progress --config build/webpack.dev.conf.js",192.168.2.143设置为 ipconfig查看到的IPv4地址 即可配置config下的index.js文件module.exports = { ...
webpack项目-本地(localhost)和ip(192.168.xx.xx) 打开
q1452751939的博客
01-13 2147
webpack vue项目开发环境局域网访问方法
11-28
对于使用Vue.js和Webpack构建的项目，设置一个可以跨设备访问的开发环境尤为重要。以下是一个详细的步骤来配置Webpack和Vue项目的开发环境，使得其他设备可以在局域网内访问。 1. **获取局域网IP地址** 在Windows...
Web前端框架应用：第8章 服务器端渲染-webpack搭建及渲染框架.pptx
06-07
8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 ...
Vue学习四：webpack打包（指定环境接口访问Ip）
Cx的博客
04-21 1599
webpack打包指定环境ip，区分生产环境、测试环境和开发环境的配置
(万字) webpack搭Vue项目
所行皆坦途
11-15 4123
1. 我们平时都是使用 vue-cli 脚手架快速搭建项目（vue-cli 基于 webpack），可是我们不知道其中的原理与细节，导致我们在遇到一些细节问题无法自己配置解决。 2. 为了让我们能更好的了解 vue-cli 实现过程，我们需要学习使用 webpack 从一个 index.html 文件从零开始创建一个完整的项目（包含 babel、样式预处理器、vue、webpack插件、dev-server、proxy代理等，各自有关的详细内容可翻看我的主页 3.重点是掌握使用 webpack
vue项目怎么在手机查看
豪先生的博客
09-24 3992
可能，我们连接同一个网络以后，在手机浏览器输入第二个网址，发现手机端还是不能访问服务。这时候我们把电脑的防火墙关闭一下就好了。一个是本地的，一个是网络的。在手机浏览器地址栏输入第二个网址（这个时候再重新用手机查看vue项目第二个网址，就可以查看项目。【注意】：我们的手机和开启服务的电脑要连入同一个网络。然后点击 公用网络，然后 关闭防火墙。启动一个项目之后，会出现两个网址，），我们可以在手机端查看我们的。选择-windows防火墙。点击电脑左下角的【设置】
webpack搭建的项目如何在手机端通过电脑本地ip可以访问呢
xiasohuai的博客
11-25 1822
我们在做手机端项目的时候，肯定想能让项目在真机上快速方便的访问，而不是等着服务端发版才能访问到，那么如何实现呢？ 那么我们只需要在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即可。 ...
使用webpack构建本地服务器,实现自动刷新，并直接在手机上访问
现在学习也不晚
10-11 3910
前提 使用webpack构建前端开发环境，可以直接使用webpack构建本地服务，实现页面保存自动刷新。 模块安装 首先安装webpack-dev-server模块 npm install --save-dev webpack-dev-server 安装完成后然后修改webpack.config.js文件，在里面添加 module.exports = { devto
vue项目使用webpack构建的本地服务环境，在手机上访问调试
weixin_33953249的博客
04-29 464
使用vue脚手架构建的项目，一般在本地localhost运行，配合浏览器的模拟调试工具开发。 如果想看真机环境，又不想build到线上。 webpack能配置电脑本地内网环境指向公网访问的！ 1、打开项目的package.json文件，修改里面的script里面的dev "scripts": { "dev": "webpack-dev-server --inline --...
手机访问VUE项目
周家大小姐
05-16 4601
1.修改config 修改config文件夹下的index.js文件: module.exports = { dev: { hotst: 'localhost'//改为你当前config中的ipv4的地址 } } 1 2 3 4 5 2.查询本地ip ctrl+r输入cmd回车,打开命令提示符,输入ipconfig,查看本地ip,将项目url中的...
LiveQing 高性能流媒体服务器前端重构(六)- webpack-dev-server 支持手机端访问
09-18 941
很多时候,前端开发的页面,不仅要在PC端测试效果, 还要在手机端测试效果. 在开发阶段, 我们以 webpack-dev-server 来启动浏览器, 打开正在开发的页面. webpack-dev-server 可以做到实时监听文件修改, 自动更新浏览器中的网页, 一旦代码发生修改, 无须人工干预, 页面就同步到最新状态. 但是 webpack-dev-server 的默认配置, 不充许本机以外的设
手机查看或让别人查看自己的本地项目（内网穿透）方法
dreamy_wx的博客
05-21 5250
在本地开发项目时，只能供我们自己电脑的浏览器访问，或者处于同一个wifi下的手机访问。如果想让别人也访问到我们的本地服务器，让别人使用手机就能查看我们的项目效果，这里就需要用到内网穿透，内网穿透就是别人通过外网能够访问到我们本地的服务器。 下面介绍自己用到的内网穿透方法 一、使用uTools（很好用的一款工具），搜索内网穿透 下载链接: https://u.tools/. 1）点击黑色logo进入插件中心 2）搜索或到开发中查找内网穿透并安装插件 3）本地创建服务器并运行 这里端口号我设置.
webpack项目外网访问
09-06
要让webpack项目可以外网访问，需要在webpack-dev-server的配置中指定host为0.0.0.0。在package.json文件中找到"dev"字段，然后添加--host 0.0.0.0选项，即可实现外网访问。具体操作如下所示： 1. 打开你的项目中的package.json文件。 2. 在"dev"字段中找到"webpack-dev-server"命令。 3. 在该命令的末尾添加--host 0.0.0.0选项。 4. 保存文件并重新运行webpack项目。 这样，你的webpack项目就可以通过外网IP地址进行访问了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [webpack单页面项目与多页面项目学习搭建](https://blog.csdn.net/beilingxiaogu/article/details/127972892)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [解决webpack项目无法用ip地址只能用localhost或者127.0.0.1访问网址的问题](https://blog.csdn.net/holy19__/article/details/122665204)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值