Nuxt应用使用axios请求API返回数据缺失location字段如何解决

• 先确认请求原始响应是否包含字段
  打开浏览器开发者工具的「网络」标签，找到对应/place/${this.$route.params.id}的GET请求，直接查看接口的原始响应体。如果原始响应里就没有location字段，说明问题出在请求链路的后端/转发层，和前端业务代码无关。
  同时对比该请求的URL、请求头（尤其是身份凭证、Accept头）和Postman的请求配置完全一致，排除参数、权限不同导致的返回差异。
• 检查axios全局拦截器配置
  查看Nuxt项目中@nuxtjs/axios的全局配置，特别是onResponse响应拦截逻辑，确认没有写过滤响应字段、修改响应体的代码，很多项目会在拦截器里统一处理返回值，很容易误删需要的字段。
• 排查代理转发逻辑
  如果你用了Nuxt的proxy模块做接口跨域转发，检查nuxt.config.js中的proxy配置，确认没有额外的响应处理逻辑过滤返回字段。
• 排除控制台显示/响应式问题
  你当前控制台打印的字段后缀(...)是浏览器的懒加载折叠标记，你可以换成console.log(JSON.stringify(result.data, null, 2))打印完整的序列化内容，确认不是控制台折叠导致的误判。
  如果你是模板中取不到location字段，控制台能看到，那是Vue2的响应式限制：如果你的property在data中初始化时没有定义location字段，直接赋值不会触发响应式更新，改成this.$set(this.property, 'location', result.data.location)即可。
• 排查后端差异化返回逻辑
  确认后端接口没有根据Origin、User-Agent等请求头做差异化字段返回，部分接口会对浏览器端请求做字段精简处理。

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