浏览器端Axios调用失效但服务端正常，请求技术支持

排查步骤 #

1. 锁定axios版本，避免自动升级导致兼容问题 #

你当前使用无版本号的CDN链接https://unpkg.com/axios/dist/axios.min.js，unpkg会默认拉取最新版axios，部分新版本的全局暴露逻辑可能发生变化，导致直接调用axios()失效。

解决方法：
替换为指定稳定版本的CDN链接，比如：

<script src="https://unpkg.com/axios@1.6.4/dist/axios.min.js"></script>
<script src="js/ForgeTree.js"></script>

2. 检查全局axios变量是否被覆盖或结构异常 #

在ForgeTree.js调用axios前添加调试代码，确认全局axios的状态：

console.log('全局axios:', window.axios);
console.log('是否为函数:', typeof window.axios === 'function');

• 如果打印显示window.axios是对象而非函数，说明当前版本的axios全局结构变化，改用axios.request()调用：

  const resources = await axios.request({
    method: 'get',
    url: `/api/forge/getDocuments/${containerId}/${modelSetId}/${version}`
  })
  

• 如果window.axios是undefined，排查CDN加载是否失败；如果是其他值，检查是否有后续脚本覆盖了axios变量。

3. 验证脚本加载顺序与时机 #

即使axios脚本在ForgeTree.js之前，也可能因网络波动导致加载延迟，使得ForgeTree.js执行时axios尚未初始化。可将逻辑包裹在DOMContentLoaded事件中：

document.addEventListener('DOMContentLoaded', async function() {
  // 原请求逻辑放在这里
  const resources = await axios({
    method: 'get',
    url: `/api/forge/getDocuments/${containerId}/${modelSetId}/${version}`
  })
  // ...后续代码
});

4. 适配浏览器端axios的默认导出结构 #

服务端require('axios')获取的是默认请求函数，但部分版本的浏览器端CDN引入中，全局axios是命名空间，默认请求函数需通过axios.default访问：

const resources = await axios.default({
  method: 'get',
  url: `/api/forge/getDocuments/${containerId}/${modelSetId}/${version}`
})

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