通过局域网访问连接 vite 或 Django 之类的项目

通过,局域网,访问,连接,vite,django,之类,项目 · 浏览次数 : 13

小编点评

**步骤 1:设置 IP 地址** * 打开项目目录。 * 创建一个名为 `vite.config.js` 的文件。 * 在文件中添加以下代码: ```js module.exports = { host: "0.0.0.0", port: 3000, }; ``` **步骤 2:查询本机 IP地址** * 在 `index.html` 中引入 `ipify` 或 `ip2geo` 库。 * 使用库获取本机电脑的 IP 地址。 * 将 IP 地址存储在 `data.host` 中。 **步骤 3:设置跳转路径** * 创建一个名为 `index.js` 的文件。 * 使用 `fetch` 或 `axios` 请求远程 API 或 IP 地址查询。 * 将查询结果存储在 `data.url` 中。 **步骤 4:添加跳转路径** * 在 `App.vue` 中添加以下代码: ```vue ``` **步骤 5:运行项目** * 启动 `vite` 或 `npm run dev` 命令。 * 访问 `localhost:3000`,应该看到本机电脑的 IP 地址。 * 访问页面,并检查跳转路径是否正确设置。 **总结** 这步骤将设置项目的 IP 地址为 0.0.0.0:端口,并使用 `fetch` 或 `axios` 请求本机电脑的 IP 地址并设置跳转路径。

正文

博客地址:https://www.cnblogs.com/zylyehuo/

step1

将 vite 或 Django 类的项目启动 ip 设置为 0.0.0.0:端口 

step2

查询本机电脑在当前局域网下的 ip

step3

将跳转路径改为查询到的本机 ip,再加上第一步中设置的前端端口

与通过局域网访问连接 vite 或 Django 之类的项目相似的内容:

通过局域网访问连接 vite 或 Django 之类的项目

博客地址:https://www.cnblogs.com/zylyehuo/ step1 将 vite 或 Django 类的项目启动 ip 设置为 0.0.0.0:端口 step2 查询本机电脑在当前局域网下的 ip step3 将跳转路径改为查询到的本机 ip,再加上第一步中设置的前端端口

ASP.NET Core设置URLs的几种方法,完美解决.NET 6项目局域网IP地址远程无法访问的问题

近期在dotnet项目中遇到这样的问题:.net6 运行以后无法通过局域网IP地址远程访问。后查阅官方文档。整理出解决问题的五种方式方法,通过新建一个新的WebApi项目演示如下: 说明 操作系统:Ubuntu 22.04.2 运行时:.NET 6 开发工具:Visual Studio 2202 新

【.NET8】访问私有成员新姿势UnsafeAccessor(下)

前言 书接上回,我们讨论了在.NET8中新增的UnsafeAccessor,并且通过UnsafeAccessor访问了私有成员,这极大的方便了我们代码的编写,当然也聊到了它当前存在的一些局限性,那么它的性能到底如何?我们今天就来实际测试一下。 测试代码 话不多说,直接上代码,本次测试代码如下: us

微博-指定话题当日数据爬取

该文章详细描述了如何通过分析和抓包技术,绕过微博网页端和手机端的数据访问限制,使用Python脚本爬取与特定关键词(如"巴以冲突")相关的微博数据。文章首先探讨了网页端微博数据爬取的局限性,如需要登录账号和数据量限制,然后转向手机端,发现其对爬虫更为友好。接着,文章详细介绍了使用Python进行数据...

[转帖]《JavaWeb篇》07. HTTP&Tomcat&Servlet看这一篇就够了

https://bbs.huaweicloud.com/blogs/380969 【摘要】 Web是全球广域网,也称为万维网(www),能够通过浏览器访问的网站。 在我们日常的生活中,经常会使用浏览器去访问`百度`、`京东`、`传智官网`等这些网站,这些网站统称为Web网站。 HTTP&Tomcat

影片自由,丝滑流畅,Docker容器基于WebDav协议通过Alist挂载(百度网盘/阿里云盘)Python3.10接入

使用过NAS(Network Attached Storage)的朋友都知道,它可以通过局域网将本地硬盘转换为局域网内的“网盘”,简单理解就是搭建自己的“私有云”,但是硬件和网络成本都太高了,有点可望而不可及的意思。Alist开源库则可以满足我们,它能将公共网盘反过来变成一种联网的本地硬盘,使用We

计算机网络实验一 交换网络组建

1.通过了解网络实验台的软硬件环境及命令行界面,掌握网络配置和查看配置信息的方法。 2.通过熟悉常用的网络命令,掌握网络测试方法。 3.通过配置交换机端口隔离,理解虚拟局域网VLAN的原理,掌握Port Vlan的配置方法。 4.通过配置三层交换机的路由功能,实行VLAN间互相通信。

使用KVM克隆用于Oracle DB的主机

首先,通过现有的vm1「在上篇文章 使用KVM创建OEL虚拟机 已创建」克隆出一个vm,名字叫做db1,然后修改一些配置,使其更适用于Oracle DB的主机。 1.通过克隆vm1生成db1 2.解决virsh console db1 卡住问题 3.修改配置 CPU、内存、磁盘大小 4.配置局域网y

[转帖]vxlan 协议原理简介

https://cizixs.com/2017/09/25/vxlan-protocol-introduction/ 1. vxlan 简介 VXLAN 全称是 Virtual eXtensible Local Area Network,虚拟可扩展的局域网。它是一种 overlay 技术,通过三层的

ARP 地址解析协议

转载请注明出处: 概念: ARP(Address Resolution Protocol)是一种网络协议,用于将网络层的IP地址映射到物理网络接口(MAC地址),以便在局域网(LAN)上进行通信。其主要作用是解决从IP地址到MAC地址的映射关系,使得数据包能够通过物理网段正确地传递。 当计算机发送数