如何仅在允许的网站中显示web组件？
如何仅在允许的网站中显示web组件？
提问于 2021-04-29 07:18:35
我使用vuejs创建了一个web组件。该组件调用我自己服务器中的一个api，并显示一个用户列表。
这是我的网页组件。
<script src="http://maywebsite.dev/web-components.js"></script>
<vue-app title="My web component"></vue-app>这就是在别人的网站上显示这个web组件的方式。
假设允许的网站域为websitedomain1.com, websitedomain2.com, websitedomain3.com, websitedomain4.com
我需要做的是..。
- 我的web组件应该只对允许的网站可用。如果其他网站(不允许)复制其网站的js文件(
http://maywebsite.dev/web-components.js)和web组件标记(<vue-app title="My web component"></vue-app>)，则我的web组件应该显示一条错误消息，例如“您不允许看到这个！”。 -
api用于获取用户列表只能由允许的网站调用。
请帮我把这件事做完！
回答 2
Stack Overflow用户
发布于 2021-04-29 07:21:46
effort).
- Client-side
- 您可以测试
location.host的值(当人们复制它时，他们可以用很少的代码删除测试，默认情况下不能从location.host中访问数据)。相同的原产地策略会阻止它。您必须使用CORS来授予您要访问的网站的权限。所以不要授予所有人和杂货的许可。--
Stack Overflow用户
发布于 2021-04-29 07:22:34
除非：
- 您还拥有您希望Javascript在
- 上运行的网站，创建一个浏览器扩展，它只会将脚本加载到特定的网站上。
除非您创建一个浏览器扩展来加载特定网站的JS文件，否则无法在其中运行JS文件的控制。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67312712
复制相关文章
相似问题
腾讯云开发者
