应用 |前端限制仅允许指定ip访问页面

大佬教程收集整理的这篇文章主要介绍了应用 |前端限制仅允许指定ip访问页面，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

封装方法

import axios from 'axios'
const allowIP = ['119.133.5.19']; //允许访问
async function getIp() {
    const res=await axios.get('https://api.ipify.org/')//这个接口网上找到，只要是允许跨域的都可以用
    return res.data
}

async function isAllow(){
    let isAllow=false
    let ip=await getIp()
    for(let i=0; i<allowIP.length; i++){
        if (ip == allowIP[i]){
            isAllow=true
            break;
        }
    }
    return isAllow
}
export default isAllow

使用

import isAllow from './utils/isAllow.js'
const ISALLOW=await isAllow()
if(ISALLOW){
  console.log('白名单内')
}else{
  console.log('不允许访问')
}

大佬总结

以上是大佬教程为你收集整理的应用 |前端限制仅允许指定ip访问页面全部内容，希望文章能够帮你解决应用 |前端限制仅允许指定ip访问页面所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。