WebStorm IDEA中html页面可以局域网访问

最新推荐文章于 2024-11-28 20:30:55 发布
最新推荐文章于 2024-11-28 20:30:55 发布
阅读量3k 收藏 4
点赞数 2
文章标签： WebStorm
Hello,Bug
本文链接：https://blog.csdn.net/AdminPwd/article/details/103125508
版权

使用IDEA做例子，我用的IDEA版本是IntelliJ IDEA 2019.1.1 x64
1.首先需要允许你的服务被外部访问
File > Settings | Build, Execution, Deployment > Debugger
在这里插入图片描述
2.部署环境
File > Settings | Build, Execution, Deployment > Deployment
在这里插入图片描述
3.设置项目路径
在这里插入图片描述
在这里插入图片描述

最后查看本地ip地址
打开cmd输入ipconfig
在这里插入图片描述
我的本地ip是这个 192.168.1.100
如果我要访问的话就是，就是http://192.168.1.100:8008/Starlight/app/monthReport.html
在我的iphone上访问
在这里插入图片描述
😄 谢谢大家观看

webstorm设置测试服务器 -- 局域网内其他设备访问（localhost变更为ip地址查看）
晓时不眠的博客
04-18 1336
一、为什么设置成服务器，用IP地址查看？ 移动端的开发页面想要在手机端查看，使用localhost是无法查看的只有使用IP地址才可以通过本机IP访问该页面，查看页面效果 二、设置方法 1、查看本机 IP 地址 调出cmd命令行，输入ipconfig ，获取本机ip地址：192.168.1.100 2、设置 webstorm 选项 ① 弹出设置选项卡 : File ->Settings... ② 端口更改和允许外部：更改端口号“63342”为“8081”，并“√”可以接受外部链接.
解决IDEA中编辑HTML格式文件不自动缩进问题
10-15
在IntelliJ IDEA中编辑HTML文件时，如果发现HTML标签在格式化后无法自动缩进，这可能会影响代码的可读性。通常情况下，HTML的缩进可以帮助开发者更加清晰地看出代码的结构和层级关系，从而提高代码的可维护性。这篇...
webstorm局域网ip访问html
Aimee的博客
09-22 1743
webstorm编辑器启动html，使之能在局域网访问
idea启动html页面不能用ip访问解决办法
java小白的博客
10-20 7326
前两天用idea启动html的时候，localhost可以访问，但是手机上用ip不能访问，局域网也是一样的  Mac 下  IntelliJ idea -> Preferrences -> build, Execution, Deployment -> Debugger  面板中将 Can accept external connections选项打上勾。windows和Linux找到对应选项
html文件 局域网访问
qq_38935512的博客
11-27 3904
开发过程中在同一局域网下面有2种可以直接访问其他电脑的 html文件 1.起服务，前端用的比较多的就是node.js vue react angular项目都可以，最后用他的地址就可以在其他电脑上访问了 2.本地用jq 等框架开发的项目 ，直接window+r ===> cmd ==>ipconfig=> 替代 注意：防火墙要关掉，不然访问不到 ...
Idea，通过局域网IP访问，项目部署 Tomcat
cxb131427的博客
06-22 628
在 tomcat 的 conf/server.xml 文件里，Engine组件下，添加如下Host配置，其中，name是ip地址，docBase填写idea项目中，编译打包后生成的文件夹路径，如下，而不再使用localhost了。
同局域网内访问已部署的web
yusude123456的博客
09-15 1304
同局域网项目实验
如何让公司其他人（同一个局域网）访问自己电脑静态.html
miin_ying的博客
09-16 3117
如何让公司其他人（同一个局域网）访问自己电脑静态.html
idea和webstorm.rar
12-16
标题中的“idea和webstorm.rar”指的是两款广受欢迎的集成开发环境（IDEs）——IntelliJ IDEA和WebStorm的压缩包文件。这个压缩包可能是为了方便用户快速下载和安装这两款工具，避免官方下载速度慢的问题。 ...
idea和 webstorm主题，一个浅色，一个深色。
10-26
在Idea或WebStorm中，你可以通过“File” -> “Settings” -> “Editor” -> “Color Scheme”来选择并应用此主题。 其次，"Perfect VSCode"主题则是受到微软的Visual Studio Code（VSCode）启发的深色主题。VSCode...
webstorm存盘时压缩html
12-23
你可以在WebStorm的插件库中搜索并安装这些插件，它们通常更易于配置，可以直接在保存时对当前文件进行压缩，无需生成额外的文件。 在开发过程中，配合使用CSS和JavaScript的压缩工具，如`UglifyJS`或`Terser`，...
让Idea本地服务器可以被外部访问
热门推荐
justforuse的博客
10-14 1万+
Idea可以在本地启动一个服务器用以查看HTML文件，但是初始状态这个服务器是不可以被外部访问的，即通过本机IP无法访问。可以做一下设置： 勾选Can accept external connections参考链接：https://intellij-support.jetbrains.com/hc/en-us/community/posts/207020155-phpstorm-and-http-
IDEA运行 html 静态页面无法使用ip地址的解决方案
qq_16453311的专栏
06-16 1642
在 IDEA 环境中，可以通过 Open in browser 的方式，直接运行 html 文件。如果一切顺利的话，可以在浏览器中打开一个 http://localhost:63223/ 开头的连接。但是比较困惑的是如果把 localhost 换成本机的 ip 地址，则无法访问该 url。这一点对于调试来说，尤其是前端的兼容性调试是极为重要的，比如在局域网内如何通过手机浏览这个网页。如果在局域网中其他客户端使用 ip 地址访问时，务必关闭 IDEA 所在机器的防火墙。
IntelliJ IDEA安装内网穿透实现远程连接家里或公司的MySQL数据库助力开发
日出等日落
11-28 1312
IntelliJ IDEA安装内网穿透实现远程连接家里或公司的MySQL数据库助力开发
最新版WebStorm设置服务器-局域网内其他设备访问（移动端手机访问测试等）
前端kk的博客
12-19 2606
最新版WebStorm设置服务器-局域网内其他设备访问（移动端手机访问测试等）
使用idea连接浏览器进行访问
m0_51828582的博客
10-03 9452
找到PATH 1、打开idea、点击File–>setting，如下图： 2、在搜索栏输入Web，找到Web Browsers 配置PATH 3、这个path是安装浏览器的绝对路径，放置在Program Files文件夹下 Program Files 放64位应用程序 Program Files(x86) 放32位应用程序 我们可以在快捷方式的属性中找到： 4、将此地址复制到对应path中就可以正常访问了： ...
如何在IDEA中运行JAVA的网站
甲烟枪
09-20 3402
将官网下载下来的Tomcat目录放好，然后找到它lib目录下的jsp-api.jar 和 servlet-api.jar两个依耐jar包，之所以创建在这里而不是使用默认的，是为了配合免安装版本的Tomcat使用，这样能更快的将网站部署到Tomcat服务器上。开始新建一个项目，注意选择JDK版本，不同的JDK版本对应不同的Tomcat服务器。JDK1.8 对应的是 Tomcat 8 版本的，其它的版本对应可以自行百度。再次强调：Tomcat服务器文件的版本，和你的JDK版本要保持一致。
IDEA连接浏览器（详解）
欧阳子遥的博客
07-22 9920
首先先打开idea。 **1.**点击file->setting **2.**这个path是填你安装浏览器的绝对路径。(简单获取请看下个步骤） **3.**在桌面右键你的浏览器的快捷方式，点击属性，出现此图，目标即为绝对路径。复制后粘贴在步骤二的图对应的浏览器的path中，去掉双引号，点击OK保存即可。 ...
【idea插件开发】idea插件访问浏览器web地址
疯癫的老码农的博客
01-24 4372
以往在eclipse上面开发插件，有兴致想尝试Idea上玩一下插件开发。想要在idea上面访问web地址。基于webview实现
springboot+vue在线网络考试系统
最新发布
02-25
### 构建基于Spring Boot和Vue的在线考试系统 #### 项目概述 构建一个完整的在线考试系统涉及多个方面，从前端界面设计到后端业务逻辑处理。此系统采用前后端分离架构，前端利用Vue框架进行开发，而后端则由Spring Boot负责提供API服务和支持[^1]。 #### 开发环境搭建 对于前端部分，推荐使用WebStorm作为主要编辑器；而对于后端，则建议选用IntelliJ IDEA来编写Java代码并配置必要的运行参数。为了加速依赖项下载速度，在IDEA中可以设置Maven仓库指向阿里云镜像服务器[^2]。 #### 功能模块划分 该平台涵盖了广泛的功能需求，包括但不限于用户权限控制（如注册登录）、试卷创建维护以及实际测试环节中的题目展示与提交评判等操作。具体来说： - **用户管理**：允许管理员增删改查考生信息； - **角色分配**：定义不同类型的账户及其对应的访问级别； - **题库建设**：支持多种题型录入，例如单选/多选/是非判断等形式； - **考务安排**：设定具体的测验时间表，并能适应于互联网环境下开展远程测评或是局域网内部署线下模式下的应急方案； - **成绩统计分析**：自动计算得分情况并向相关人员反馈结果。 #### 技术细节说明 ##### 后端接口设计 通过RESTful API的方式对外暴露数据交互入口点，确保前后两端能够高效协作完成各项任务。以下是几个典型的服务实例： ```java @RestController @RequestMapping("/api/exam") public class ExamController { @GetMapping("/{id}") public ResponseEntity<Exam> getExamById(@PathVariable Long id){ // 获取指定ID的考试详情... return new ResponseEntity<>(exam, HttpStatus.OK); } @PostMapping("") public ResponseEntity<Void> createNewExam(@RequestBody Exam exam){ // 创建新的考试记录... return new ResponseEntity<>(HttpStatus.CREATED); } } ``` ##### 前端页面布局 整个应用围绕`index.html`展开，它加载了核心组件`App.vue`并通过路由机制动态切换视图内容。此外还集成了诸如矢量图形图标这样的视觉元素以增强用户体验感。 ```html <!-- index.html --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Online Examination System</title> <link rel="stylesheet" href="./assets/github-markdown.css"/> <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script> </head> <body> <div id="app"></div> <script type="module" src="/src/main.js"></script> </body> </html> ``` ```javascript // main.js import { createApp } from 'vue' import App from './App.vue' import router from './router' createApp(App).use(router).mount('#app') ``` ##### 数据传输协议 考虑到安全性因素，所有通信都应尽可能采取HTTPS加密连接方式发送请求接收响应消息体内的JSON对象表示形式的数据包。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Hello Bug

谢谢老板，老板大气，老板硬邦邦

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值