共计 1729 个字符，预计需要花费 5 分钟才能阅读完成。
前言
前一段时间写了一篇 我是如何用这 3 个小工具，助力小姐姐晋升 100% 开发效率的，外面介绍了怎么应用 三个最根底的前端常识，帮助小伙伴晋升日常开发效率。
而这篇文章，浏览工夫只有 3 分钟，你不必学会三个小工具就可播种：
怎么用最没技术含量的四行代码，解决最理论的问题，晋升 100% 开发效率
当然最重要的是小姐姐给你一个棒棒哒
背景
大多数公司对于在 APP 内关上网页都会有安全检查（个别测试环境会放开查看），不合乎安全策略的链接，都不容许关上，这样做尽管杜绝了安全隐患，然而在某些场景下，却重大影响开发效率和体验。
比方旁边的小姐姐最近就遇到了一个问题：
因为公司 PC 客户端的平安限度，不能间接关上 本地链接（如下三种）进行网页调试，在开发阶段和要应用本地代码调试线上问题时，都相当麻烦，令人捉急。
http://192.168.35.220:8080/yuer-talent-center/index/talent/singer
http://127.0.0.1:7001
http://localhost:8080以往解决方案
指标页面（调试页面）：http://192.168.35.220:8080/yu…
辅助跳转页面：https://uat-h5.xxx.com/yuer/v…
如上图，间接配置链接无奈通过安全检查，而借助一个能够通过安全检查的页面，再在该页面中增加一个按钮来跳转到指标页面，则能够实现指标页面的跳转。
有什么问题？
须要批改另一个我的项目的代码，增加按钮跳转事件，而后公布我的项目。这个过程会给另一个我的项目减少不相干的逻辑代码，且须要期待其公布，流程比拟长。
1. 遗记删除代码后，容易造成线上品质问题，1. 无奈间接验证，须要期待另一个我的项目公布实现
重定向解决
问题的源头是客户端会对关上的链接做安全检查，本地链接不合乎平安规范，所以不给关上，咱们须要从绕过查看的角度解决这个问题。缩小下面的步骤一，间接配置须要调试的页面地址。
解决方案 1
推动客户端测试环境不做平安校验，线上环境不应该去除。
长处： 一劳永逸，测试环境本地链接永远反对拜访
毛病： 线上环境无奈反对，遇到须要用本地代码调试线上问题时，仍然无奈解决
解决方案 2
开发一个带域名的服务，实时代理到本地开发资源，而后通过配置域名的形式调试页面
长处： 测试和线上环境都能够间接代理到本地，可绕过 pc 安全检查。
毛病： 开发工作量大，短时间内无人力反对
解决方案 3
开发一个页面 重定向性能，pc 端拜访的时候是非法的链接，通过服务端重定向到指标页面，绕过 pc 安全检查
长处： 一劳永逸，测试和线上都可反对，且重定向性能域名是内网链接，无对外裸露安全隐患可能，开发工作量小
毛病： 没想到毛病😄
四行实现代码
实现的思路是在现有的公共 node 服务中，增加一个 302 重定向的性能
配置路由
router.get('/redirect', redirect.redirect)controller
async redirect() {const { redirectUrl = ''} = this.ctx.query
redirectUrl && this.ctx.redirect(decodeURIComponent(redirectUrl))
}是的，就只有这四行代码
是不是太简略了，简略到令人发指，令人痛恨，令人想吐口水！！！没有一点技术含量
是不是太简略了，简略到令人发指，令人痛恨，令人想吐口水！！！没有一点技术含量
是不是太简略了，简略到令人发指，令人痛恨，令人想吐口水！！！没有一点技术含量
如何应用
只有在重定向链接上增加须要跳转的链接即可
// 如果 url 上带有中文，须要 encodeURIComponent 一下
https://test-fe.xxx.com/redirect?redirectUrl=yyy
// 例如
https://test-fe.xxx.com/redirect?redirectUrl=http%3A%2F%2F192.168.35.220%3A8080%2Fyuer-talent-center%2Findex%2Ftalent%2Fsinger结尾
除了开森，还是开森，明天的梦都是甜的😄，提前祝大家中秋节高兴，晚安！
