axios.post后window.open返回undefined的原因排查

浏览器的弹窗安全规则是：只有在用户主动交互（比如点击按钮、按下键盘）的同步代码流程里调用window.open()才会被放行。axios.post是异步请求，then里的回调代码属于异步执行，已经脱离了用户主动触发的事件上下文——哪怕你没开手动弹窗拦截，浏览器的默认安全机制也会把这个弹窗判定为“非用户主动触发”，直接拦截，所以返回undefined。

你之前在axios请求前调用window.open()能成功，就是因为那段代码还在用户交互的同步栈里，符合浏览器的安全要求。

提前在用户主动事件的同步代码里打开一个空白窗口，等异步请求完成后再给这个窗口设置目标地址：

// 这段代码必须放在用户主动触发的事件处理函数里（比如按钮的click事件）
var formData = new FormData();
// 先开空白窗口，此时在用户交互上下文里，不会被拦截
const newWindow = window.open('about:blank');

axios.post(url, formData, { 
  headers: {'Content-Type': 'multipart/form-data'} // 这里要修正Content-Type，FormData对应这个值
})
.then(res => {
  // 请求成功后跳转目标URL
  newWindow.location.href = 'https://javascript.info';
})
.catch(err => {
  // 请求失败的话可以关闭窗口或者提示用户
  newWindow.close();
  console.error('请求失败:', err);
});

你代码里的Content-Type设置错了：FormData对应的正确类型是multipart/form-data，不是application/form-data。虽然这不是弹窗问题的直接原因，但会导致axios无法正确发送FormData请求，建议赶紧修正。

内容的提问来源于stack exchange，提问作者whitebear