前端仅传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}
相关推荐
登山人在路上2 小时前
Vue 2 中响应式失效的常见情况
开发语言·前端·javascript
董世昌412 小时前
创建对象的方法有哪些?
开发语言·前端
问道飞鱼2 小时前
【前端知识】前端项目不同构建模式的差异
前端·webpack·构建·开发模式·生产模式
be or not to be2 小时前
CSS 布局机制与盒模型详解
前端·css
runepic2 小时前
Vue3 + Element Plus 实现PDF附件上传下载
前端·pdf·vue
程序员修心2 小时前
CSS 盒子模型与布局核心知识点总结
开发语言·前端·javascript
elangyipi1232 小时前
前端面试题:CSS BFC
前端·css·面试
程序员龙语2 小时前
CSS 核心基础 —— 长度单位、颜色表示与字体样式
前端·css
shuishen492 小时前
视频尾帧提取功能实现详解 - 纯前端Canvas API实现
前端·音视频·尾帧·末帧