访问前端本地环境

最新推荐文章于 2024-01-16 14:42:58 发布
最新推荐文章于 2024-01-16 14:42:58 发布
阅读量1.6k 收藏
点赞数 2
分类专栏： 其他
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zcy_csdn123/article/details/93898155
版权

前端在开发的之后会经常链接服务端人员的本机环境，
下面说一下如何连接前端本机的项目，
说一下前提，基本上是基于node的环境，我已VUE项目为例 关键其他的我也不知道 哈哈

1、首先注意的是 必须在同一网络下面，就是访问的人和你 用的是同一个网络，
2、在有一点就是 在webpack的配置中 有host这一项，一般都是localhost,但合理我们将这个配置调整为
3、 访问本机真实IP 不知道的可以在终端或命令行中 ipconfig 找一下

host: '0.0.0.0'

具体为什么 我也不知道 我猜一下
已下内容纯猜测，知道的朋友可以跟我说一下
如果为localhost 我们会默认找到127.0.0.1 并不会找到本机真实IP
而使用 ‘0.0.0.0’应该会找到真实IP继而能访问到

zcy_csdn123
关注
专栏目录
前端系列三十六：添加本地请求参属地址及请求
WebYanXin的博客
01-04 683
第一步： 一般我们会在项目中的src下新建一个api文件夹用来放请求配置及接口中请求的请求参数 第二步： 我们在api文件夹下，新建一个例如apis.js文件用来存储接口参数， 示例： apis.js文件里: const apiList = { //参数地址 aliBaiDuNList: { label: '开发组-业务数据入库超时', //这边是后面给的接口地址 url: 'ali_bai_du_n_list', method: 'post', }, //参数地址 ali
内网访问前端本地项目方法
weixin_62144981的博客
10-11 350
3. build中webpack.dev.conf.js里devserver中增加disableHostCheck:true。2.config中index.js里dev模块host改为自己ip地址。1.package文件里更改host为0.0.0.0。"host":"自己ip地址"
【工作】-其他人访问本地项目
weixin_46254175的博客
05-04 524
同个前端模块并行多个需求同节点进行联调时、介入测试阶段前端测试环境只有一套时。因前端环境冲突问题，导致大量堆积。5.其他电脑访问localhost.kgtest.cn，成功访问到前端本地所启动的项目以及对应打到的环境中。可以先在对方电脑上，ping一下自己的ip地址，看是否能通过。3.本地和对方配置Host，这里推荐SwitchHosts，比较方便。1.涉及到登录态相关解决办法：（需前端和需要访问的同学配合）1.配置VUE启动服务的Host。针对可以本地拿到登录态的项目。
在eclipse的tomcat安装ssl证书 再通过映射在本机开发可以供前端实时调用接口
qq_44064473的博客
12-29 677
必备的条件内网穿透 可以通过外网访问到本地的服务器申请SSL证书并安装按装SSL证书 内网穿透 可以通过外网访问到本地的服务器 我们要知道我们在本地的tomcat外网是无法访问的 所以你做了内网穿透的话就能通过外网访问你在eclipse上运行的项目更好调试 建议使用FRP与花生壳 这两款工具都是做穿透的 1.FRP的话需要自己去搞一个服务器 有免费的哦,然后在服务器上配置好运行,然后在本地运行客户...
前后端交互
weixin_46247854的博客
03-02 141
后端会给与一个接口文档 前后端如何交互 若干种前后端交互方式之一 Ajax 第一次ajax请求 <script> /* * 第一次尝试ajax */ //1.创建一个ajax对象 var xhr = new XMLHttpRequest() //2.配置本次的请求信息 //请求方式: 按照接口文档来进行书写 //请求地址:按照接口文档来进行书写 //是否异步:默认是true 表示异步请求，选填为false,表示同步请求.
前端调用本机应用, 前端启动脚本
qq_37056728的博客
08-20 1146
前阵子接到一个需求, 前端启动本级的vlc,前端启动一个脚本的需求 思路: ​ 1.配合后端, 前端发请求, 后端接到请求, 后端处理脚本,后端启动一个.shell脚本应该是很容易的事(该方法前端发请求,剩下的后端处理) ​ 2.在服务器上写一个.desktop文件,.desktop文件个人理解为桌面快捷方式(个人理解, 如有错误, 随时纠正), 然后将快捷方式转为链接 ,前端用调用链接的方式启动快捷键=》启动本地应用(即方法2) 方法1: 先说启动windows: 亲测
webpack本地开发环境无法用IP访问的解决方法
11-28
本文将详细介绍如何解决这个问题，以便于在本地开发环境中启用IP访问。 **问题解析：** 在webpack的开发服务器（webpack-dev-server）默认配置下，它通常只监听`localhost`（127.0.0.1），这意味着它只接受来自本地...
其他人如何查看前端工程师在本地跑的vue项目（0.0.0.0）
01-20
本文将详细介绍如何让其他人能够访问前端工程师本地运行的Vue项目。 首先，Vue项目通常通过webpack-dev-server或类似的开发服务器运行，它们默认将项目绑定到`localhost`，这意味着只有在本地计算机上才能访问。...
font-native:前端本地开发环境
07-04
前端本地开发环境 本地构建环境： node v0.10.26 npm 1.4.3 grunt 0.4.5 express3.18.4 ##开始## 将项目克隆到本地：git clone git@github.com:ar-insect/native.git 切换到项目根目录下面，比如：cd ~/native依次...
Mac环境Nginx配置和访问本地静态资源的实现
09-29
在Mac环境下，Nginx是一个常用的高性能Web服务器和反向代理服务器，用于处理静态资源和转发请求到其他服务器。本文将详细介绍如何配置Nginx以访问本地...这是一个方便的本地开发环境，可以加速前端资源的调试和测试。
前端搭建本地开发服务器
最新发布
04-01
### 前端搭建本地开发服务器 #### 一、引言 在前端开发过程中，搭建一个本地开发服务器是非常重要的步骤之一。它不仅有助于快速预览和调试代码，还能确保跨设备兼容性，尤其是在多设备（如手机和电脑）上查看项目...
前端访问后端本地资源
啊猿的博客
03-03 2754
前端访问后端本地资源 1、配置yaml文件 spring: mvc: static-path-pattern: /a/** resources: static-locations: file:E:/pic/(本地资源路径) 2、本地添加文件 3、浏览器直接访问 fineopen为微服务网关路径
前端链接文件的快速查找和引入
weixin_45012866的博客
11-16 271
Vue的链接引入 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
让其他电脑访问本地前端页面
xiaopiaoliang777的博客
05-16 3249
方法： 1、同一个局域网下（使用插件 live serve） 2、不同局域网（使用github生成仓库） 3、花钱买服务器（不介绍） 具体步骤： 1.1 vscode安装插件live serve； 1.2 静态页面html文件上右键，选中open with live serve选项； 1.3 将浏览器的实时页面的网址127.0.0.1替换本地ip ，端口号不用变； 1.4 查看本地ip方法：cmd打开命令行窗口，输入ipconfig，ipv4即为本地ip； 2.1 ...
前端包直接本地预览效果127.0.0.1本地
wufaqidong1的博客
12-06 603
1、打开前端包 2、 上面输入cmd，回车 3、 输入命令：npm install -g http-serve 4、输入：http-serve 5、本地浏览器输入：http://127.0.0.1:8080/index.html 然后就可以本地预览效果了。
本地启动前端项目，如何让外部通过ip去访问
weixin_45847735的博客
01-20 1万+
在项目的pakeage,json文件中写 --host ip(ip是本机的IP)，然后重新启动项目，就可以在其他主机通过ip:项目端口/访问路径访问对应的项目内容了
通过IP地址访问前端Vue项目
2301_78767322的博客
01-16 1283
通过IP地址访问前端Vue项目
怎样让后台小哥哥快速对接你的前端页面
javajavajava
10-08 1219
前言 首先需要澄清一下，该篇文章并非标题党。这里介绍需要实现的效果是让后台工作人员不需要前端改动网络请求基础地址的前提下，使用前端代码便于本地调试。 不好意思这里说的可能有点绕了，待我给你简单的说明一下你就明白了。 我们知道前端在对接后台的时候都有这么一个基础地址，所有的后台接口调用都是通过它： let _baseURL = 'http://api.xxx.develop.com' co...
前后端本地联调
热门推荐
qq_62022086的博客
10-24 2万+
前端和后端进行本地联调的操作步骤。
构建团队前端开发环境的关键要素
这样可以更好地优化前端性能、实现无障碍访问、模块化设计以及提高代码的可维护性。 演讲中列举了一系列与前端开发相关的技术，包括但不限于Win32应用、内容管理系统(CMS)、Apache模块、嵌入式系统、固件、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值