内外网怎么同时使用?保姆级教程

先说需求

公司电脑有根网线,配置好Internet协议之后就可以访问内网,但是要想访问外网就只能连接无线网或者个人手机开热点。内外网不可以同时使用。
本文旨在实现内外网能同时使用,不会产生冲突。

方法/步骤

一、查看路由默认网关
  • 方法一

    1. 以管理员身份运行CMD,路径(C:/windows/system32/cmd.exe)。
      有的电脑 [Win+R键]也可以,因为是默认管理员身份打开的,比如下图:
      在这里插入图片描述

    2. 插上内网网线,以及连接无线网或者热点 [否则看不到对应的路由]

    3. 通过 route print命令查看ip网关(推荐)
      在这里插入图片描述

      其中,192开头的就是外网地址,10开头的就是内网地址。

      或者——通过ipconfig 或者ipconfig/all命令查看ip网关,记下默认网关

  • 方法二

    1. 控制面板,打开网上邻居

    2. 分别找到你目前的本地连接和无线连接

      在这里插入图片描述

    3. 分别右键,选择状态,以本地连接为例


      同理,无线连接也是这样查看,记下默认网关

二、路由配置
  1. 以上述的route print命令查看的路由为例,有这样两条语句:

     网络目标        网络掩码          网关              接口        跃点数
     0.0.0.0            0.0.0.0     192.168.81.98    192.168.81.42     25
     0.0.0.0            0.0.0.0     10.38.89.161     10.38.89.173      276
    
  2. 删除该目标网络,输入命令

    route delete 0.0.0.0
    

    是指删除所有0.0.0.0的路由。

    解释:因为我们下面要重新配置,不要担心删掉会不会出问题。不过你删除之后会瞬间失去网络连接是肯定的,继续下一步。

    在这里插入图片描述

  3. 重新设置路由规则

    route add -p 0.0.0.0 mask 0.0.0.0 192.168.81.98
    route add -p 10.0.0.0 mask 255.0.0.0 10.38.89.161
    

    解释:这是给内外网分别设置不同的网段

    P表示设置永久路由,去掉亦可以。如果以后想取消永久路由的配置,最简单的方法就是删掉重新配置,方法和上面相同。

    第一条便是默认路由,也就是默认所有地址都会通过192.168.81.98这个网关出去,这是外网的网关。【这里对路由有了解的可能会有疑惑,如果是手机热点,那么每次的无线网关也不一样啊,这样配置不是会有问题吗?回头再聊,继续】

    第一组数0.0.0.0表示网络地址最大范围

    第二组数0.0.0.0表示掩码,掩码是配合ip地址使用的

    第三组数192.168.81.98是外网网关地址

    第二条便是内网路由,访问以 10开头的ip都走10.38.89.161这个网关,否则全部走192.168.81.98这个网关。

    第一组数10.0.0.0表示网络地址最大范围

    第二组数255.0.0.0表示掩码

    第三组数10.38.89.161是内网网关地址

  4. 至此,你的电脑就可以同时访问内外网了,重新输入route print命令查看,可以看到配置的信息已经变更。

    在这里插入图片描述

补充一点:如果有多个内网,就需要缩小网络地址范围才行,比如有两个内网:

内网1网关:10.10.0.1

内网2网关:10.20.0.1

设置一下各自网络地址的最大范围,输入两次命令:

route add -p 10.10.0.0 mask 255.255.0.0 10.10.0.1

route add -p 10.20.0.0 mask 255.255.0.0 10.20.0.1

更改网络地址范围时,记得掩码也要改。

下面来解决那个疑惑:如果是手机热点,每次连接都是不同的网关,该如何解决?

我的就是手机热点连接,我现在重启一下热点。

在这里插入图片描述

可以看到,我的无线连接网关重新分配了,下面我配置的之前那个永久路由还在。

有没有发现问题所在?

哈哈,因为不影响,如果你是手机热点,那么上面的第3步重新配置路由规则中,你可以不要将无线网关设置成永久路由,之所以这么写,因为有些朋友的办公地肯定是有WIFI的。

为什么不影响,就是因为0.0.0.0是默认路由,无论你是什么热点,只要是除了上文配置的内网段之外的网址,都会从默认路由通过。

保姆级教程就到这了。

  • 26
    点赞
  • 222
    收藏
    觉得还不错? 一键收藏
  • 26
    评论
Vue3 和 Tailwindcss 都是现代化的前端技术,它们的结合可以让开发者更加高效地开发出优雅、精美的 UI 界面。下面是一份保姆教程,帮助您快速上手 Vue3 和 Tailwindcss。 ## 1. 安装 Vue3 在使用 Vue3 之前,我们需要先安装 Vue3。 可以通过以下命令来安装最新版本的 Vue3: ```bash npm install vue@next ``` ## 2. 创建 Vue3 项目 在安装完 Vue3 之后,我们需要通过 Vue3 CLI 创建一个新的项目。在命令行中输入以下命令: ```bash vue create my-project ``` 这个命令将创建一个名为 `my-project` 的新项目,并自动安装所需的依赖项。 ## 3. 安装 Tailwindcss 接下来,我们需要安装 Tailwindcss。可以通过以下命令安装: ```bash npm install tailwindcss ``` ## 4. 配置 Tailwindcss 安装好 Tailwindcss 之后,我们需要进行一些配置才能在 Vue3 项目中使用。 首先,我们需要在项目的根目录下创建一个 `tailwind.config.js` 文件,用于配置 Tailwindcss。可以使用以下命令创建: ```bash npx tailwindcss init ``` 然后,打开 `tailwind.config.js` 文件,找到并修改以下配置: ```js module.exports = { purge: [], darkMode: false, // or 'media' or 'class' theme: { extend: {}, }, variants: {}, plugins: [], } ``` 将 `purge` 字段设置为 `['./src/**/*.{js,jsx,ts,tsx,vue}']`,用于在构建时删除未使用的样式。这个配置可以有效减小最终构建的文件大小。 ```js module.exports = { purge: ['./src/**/*.{js,jsx,ts,tsx,vue}'], darkMode: false, // or 'media' or 'class' theme: { extend: {}, }, variants: {}, plugins: [], } ``` ## 5. 集成 Tailwindcss 到 Vue3 项目中 接下来,我们需要将 Tailwindcss 集成到 Vue3 项目中。 打开 `main.js` 文件,添加以下代码: ```js import { createApp } from 'vue' import App from './App.vue' import './index.css' createApp(App).mount('#app') ``` 这段代码将 `index.css` 文件导入到 Vue3 项目中。 然后,我们需要在 `index.css` 文件中导入 Tailwindcss 样式。可以使用以下命令将样式导入到 `index.css` 文件中: ```bash npx tailwindcss-cli@latest build -o ./src/index.css ``` 这个命令将会在 `./src/index.css` 文件中生成所有的 Tailwindcss 样式。 最后,我们需要在 `App.vue` 文件中使用 Tailwindcss 样式。打开 `App.vue` 文件,修改 `<template>` 标签中的内容: ```html <template> <div class="bg-gray-100 p-4"> <h1 class="text-2xl font-bold mb-4">Hello World!</h1> <p class="text-gray-600">This is a Vue3 project with Tailwindcss.</p> </div> </template> ``` 这个修改将会在页面中显示一个灰色背景,一个标题和一段文字。 ## 6. 运行 Vue3 项目 现在,我们已经完成了 Vue3 和 Tailwindcss 的集成。可以通过以下命令来启动 Vue3 项目: ```bash npm run serve ``` 然后打开浏览器,访问 `http://localhost:8080/`,就可以看到页面中显示的内容了。 至此,我们已经完成了 Vue3 和 Tailwindcss 的集成。希望这份保姆教程能够帮助您快速上手 Vue3 和 Tailwindcss。
评论 26
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值