前端仅传path路径给后端,避免攻击

前端

javascript 复制代码
async function getpath(path){
    try{
        const response = await fetch('http://127.0.0.1:8080/getDownUrl/',{
        method : 'POST',
        headers: {
            'Content-Type' : 'application/json',
        },
        body:JSON.stringify({path:path})

    });
    if (!response.ok){
        showError('请求路径异常,请稍后重试!');
    }
    const data = await response.json();
    return data;
    }catch(error){
        showError('请求路径异常:${error.message}');
        throw error;
    }

}

//监听上传请求完成
xhr.addEventListener('load',()=>{
    if (xhr.status === 200){
    const res = JSON.parse(xhr.responseText);
    //这里DOWNLOAD_FILE_URL,后续改为服务器配置,前端仅传入path给后端,避免被攻击的风险。
    const path = res.Result.Path;
    getapath(path)
        .then(result =>{
        console.log('获取到的数据:',result);
        const d_url  = result.content;
        // 传输完成后,更新为待处理字样
        updateProgress(attachment.id, DICT.UPLOAD_COMPLETED);
        
        // 将文件路径记录在对应的input里面
        let tempInput = document.getElementById(attachment.id);
        tempInput.value = d_url;

        // 上传完成后 校验 激活 开始处理按钮
        validFileList(); 
      
})
        .catch(error =>{
            console.log('操作失败请重试',error); 
}); 
}else{
    showError('转写失败,请重试');
}

});

后端

python 复制代码
calss GetDownUrl(BaseModel):
    path:str


@app.post('/getDownUrl/')
async def get_down_url(request:GetDownUrl):
    """获取下载路径"""
    path  = request.path

    try:
        if path:
            down_url = f'{DOWN_URL_IP}/api/true&Path={Path}'
        else:
            return {'status':1,"content":'',"error_msg":""}
    except Exception as e:
        error_msg = f"传入path错误: {str(e)}"
        logger.error(error_msg)
        return {'status':0,"content":'',"error_msg":error_msg}
相关推荐
小雨下雨的雨3 小时前
井字棋AI机器人实现详解 - Minimax算法实战-鸿蒙PC Electron框架完成
前端·人工智能·算法·华为·electron·鸿蒙
ZC跨境爬虫7 小时前
跟着 MDN 学JavaScript day_7:数学运算与逻辑判断实战测试
开发语言·前端·javascript·学习·ecmascript
fangdengfu1237 小时前
ES分析系统各个服务日志占用量
java·前端·elasticsearch
JustHappy9 小时前
古法编程秘籍(六):程序到底是怎么跑起来的?从 IO 到中断,一次讲明白
前端·后端·全栈
HYCS9 小时前
用pixi.js实现fabric.js(六):从线性代数的角度理解编辑器交互
前端·javascript·canvas
卷帘依旧10 小时前
useImperativeHandle的作用
前端
卷帘依旧10 小时前
Hooks在Fiber上的存储原理
前端
you458010 小时前
学成在线--day02 CMS前端开发(含Vue基础知识得回顾)
前端·javascript·vue.js
xiaofeichaichai10 小时前
虚拟 DOM
前端·javascript·vue.js