frps 多个_frp端口批量穿透教程

使用frp批量端口绑定穿透,需要frp版本在0.16.0以上。

本教程以FTP服务端使用为例,如你有多个端口需要穿透又不想麻烦的,可以参考本教程。

有些人想通过frp内网穿透实现FTP对外访问,想使用FTP连接到家里的文件目录,奈何不懂FTP工作原理的,导致很多小伙伴以为穿透到FTP的21监听端口就可以,纷纷都以失败告终,还一度以为frp有问题,其实还需要穿透FTP的被动端口,这是一段范围的端口。

【FTP的监听端口、被动端口,都需要进行内网穿透。】

本教程,使用FileZilla Server 中文版,在Windows下操作。

安装完成,FileZilla Server 中文版,进入程序,打开【编辑】>【设置】

监听端口默认为 21

设置FTP的被动端口

设置为: 50000-50010范围,也就是使用10个端口作为FTP的被动端口。

以上操作完成,下面我们设置frp的配置穿透参数。

服务端frps.ini配置

[common]

bind_addr = 0.0.0.0

bind_port = 7000

privilege_token = 12345678

客户端frpc.ini配置

[common]

server_addr = 服务端IP

server_port = 7000

privilege_token = 12345678

[range:FTP]

type = tcp

local_port = 21,50000-50010

remote_port = 2121,10000-10010

local_ip = 127.0.0.1

通过访问 ftp://服务端IP:2121 ,即可。

### 修改 ElementUI 侧边栏背景颜色的方法 为了更改 ElementUI 中侧边栏的背景颜色,可以采用多种方法来实现这一需求。一种常见的方式是在 CSS 或者 SCSS 文件中覆盖默认样式。 对于全局应用新的背景颜色,可以在项目的公共样式表或者组件内部使用 `::v-deep` 来穿透作用域,从而影响到子组件中的类名。例如: ```css /* 覆盖整个侧边栏的背景颜色 */ ::v-deep .el-menu-vertical-demo { background-color: #yourColorCode !important; } ``` 如果目标是仅当某个特定条件满足时才改变背景色,则可以通过 JavaScript 动态添加或删除自定义类来进行控制[^4]。比如,在 Vue 组件里监听用户的登录状态或者其他事件触发器,并相应调整 DOM 元素上的 class 属性。 另外,也可以利用预处理器如 SASS/SCSS 定义变量并导入至项目中统一管理主题配色方案。这种方式不仅便于维护还支持多套皮肤快速切换的功能开发。 最后值得注意的是,某些情况下可能还需要额外处理子项(如菜单项、分组标题等)的颜色设置以确保视觉一致性[^3]。 #### 示例代码片段展示如何动态设定侧边栏的主题风格 假设存在两种不同的主题配置——浅色模式与深色模式,那么可以根据实际业务逻辑选择合适的时机去激活相应的主题。 ```javascript // 假设这是用于存储当前所选主题的对象 const currentTheme = computed(() => store.state.user.theme); watch(currentTheme, (newVal) => { document.body.className = newVal === 'lightTheme' ? '' : 'dark-theme'; }); ``` 配合上述 JS 片段使用的 CSS 可能如下所示: ```scss body.dark-theme { ::v-deep .el-menu--vertical { --el-menu-bg-color: #2781AB; /* 设置为所需的暗色调背景色 */ --el-menu-text-color: #BDCBD9; .el-menu-item, .el-submenu__title { &:hover,&.is-active{ background-color: darken(#2781AB, 5%) !important; color: white !important; } } ... 更多样式规则 ... } } ``` 以上方式能够有效地帮助开发者完成对 ElementUI 侧边栏背景颜色以及其他关联样式的定制化工作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值