域名如何添加白名单(有了域名怎么建立网页)

不得了争议太大了，这里必须再说明一下，讨论问题立场可以不一致，但人身攻击就没必要了。甚至很多同学还没看完我的整个视频就开始拔刀急了。今天就这个问题，我再阐明一下我的立场，点赞收藏加个关注，我们开始。

首先如果你做的项目是偏业务的，API服务器只是服务单一前端页面请求的，那么你在后端加白名单是没有问题的。我上个视频的3分18秒已经说了，也用示例代码演示了，是没问题的。很多同学没看到这里就开喷了。

一般遇到这种跨域的情况，我们就有一种非常成熟的解决方案，也就是加上一个响应头，这个响应头就是把这里白包好了，可以给大家看一下，在这里我嵌入一个中间件，把中间件我就去判断来的一些域名，对我开放的域名，对我允许的域名开放一些白名单，就譬如这里我允许127.0.0.1.3000来访问。

当遇到域名过来访问的时候，我就把它Access-Control-Allow-orgi这个值…把它开启，然后同时设置一些其他的一些响应头，所以这样设置好每一个请求过来的话只要是个域名，以及这个端口过来的所有请求.我都允许它跨越。我们设置好保存一下，再去重启重启一下这个图，我们再来看一下这边刷新一下，这边继续往那边发起请求，那我们就可以看得到，这样请求就成功了。

我当然知道，在后端可以加白名单来解决跨域，我也当然知道，浏览器是发起options请求到服务器，再根据服务端的响应，头决定跨越报错还是放行，甚至完整的示例代码，都可以免费给大家去看。需要的同学可以在评论区留言。所以如果你的项目是服务器，服务单一页面的，那么这个视频看到这里就可以了，后面的内容你也无需再去看，我们是有共识的，像视频里所演示的，由后端去开跨域白名单就可以解决了，毫无问题。

接下来的内容，想看的同学可以继续看，不想看的就可以划走了。看个开头就知道不是对的人，不过他确实营销成功扯淡吧，打工人，什么都要干，老板说做啥就做啥，倒是你任何一个涉及跨域前端项目都额外起。免得我在蹭流量。

我们继续。

以下就是我的经验分享稍微大型一点的项目API服务器，往往它不服务于单独的页面请求。一个API可能它会被页面请求，可能会被安卓、iOS、或者其他服务请求，也可能会被部门ABCDE请求，也可能会被其他公司作为一个接入方去请求。

在这种情况下API就是充当一个中台服务，而在这种情况下因为要解决跨越问题入侵到中台服务的代码，然后再去为各个接入方去各自开启跨域白名单就不合适了。举个例子，腾讯云这里有一个AP在页面请求跨域了对吧？那我前端只是写页面的话跨域要交给后台去解决，那么我们这里就只有两条路可以走。

·第一联系腾讯云的后端同学，让他们帮你去加白名单显然不太现实。又或者是拉上一位自己公司的后端同学让他帮你去起一个java服务，去转发这个接口，好像也没必要。所以基于这种场景下，我作为一个多年的前端工程师就分享一下我以下的两种解决方案。在介绍方案之前也再说第二遍。如果你觉得nginxdocker还有nodejs这些东西和前端一点关系没有，都是属于后端的东西，那这两个方案你也不需要听，可以马上划走。

·方案一如果你的页面本身部署在nginx上的话，在你已有的nginx服务上加一段nginx配置即可解决。如果你的页面是跑在nodejs上，那么就在已有的nodejs服务上加一个同源接口转发即可解决。

而这两个方案不仅仅服务于开发环境，是线上的解决方案，部署到线上也是没问题的。这么一来第一无需再开服务，都是在已有的服务上去解决，没有像其他同学说的要额外开新的服务的这种成本。

·第二作为一个前端工程师，自己就把这个问题给闭环解决了，研发效率也更高，省下了不少和后端沟通的成本。以及等后端排期的成本。

综上两点，我认为跨域问题有前端工程师去解决，显得更为高效成本更低，更妥当在这种情况下尤为明显。需要完整示例代码的同学可以评论区留言。当然这里也仅仅是我分享的两个方案而已，大家不需要激动，更不需要人身攻击。如果说不懂docker，没配置过nginx或者不了解nodejs，以及觉得将来作为一个前端也不需要了解这些东西，那就当我没说还是交回给你们的后端同学处理就好了。

如果你觉得这两个方案在这种情况下是一个多此一举，或者自作聪明的行为，你也可以坚持去联系腾讯云的后端同学，去帮你开白名单，或者是坚持让你们的公司给你配置一位后端同学，帮你去起一个java服务，去转发请求都是可以的。条条大路通罗马，不喜勿喷。坚持大家原有的立场与方案即可。

我仅仅是一个技术分享方，觉得有用的同学点赞收藏反复观看，有疑问的也可以在评论区留言交流。

关注我，我们一起走进不一样的前端世界。

本文链接：https://www.24zzc.com/news/169672645944236.html