应用 |前端限制仅允许指定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('不允许访问')
}