vue打包dist部署到服务器后axios获取不到数据

返回了这样的数据

在本地npm run serve启动项目结果正常，api数据正常访问到

求xdm指点迷津

这应该是后端接口数据返回的问题

望采纳！点击该回答右侧的“采纳”按钮即可采纳！！！
我猜测可能是由于跨域问题导致的。

打包后的 Vue 项目通常是部署在服务器上的，而在开发环境中使用的是本地服务器。这两种服务器的域名不同，会导致跨域问题。

可以尝试在 axios 的请求中添加跨域请求头来解决这个问题。例如：

axios.get('/api/news', {
headers: {
'Access-Control-Allow-Origin': '*'
}
}).then(response => {
console.log(response.data)
})

我感觉时nginx配置的问题，检查nginx里config文件的转发配置，是否和vue的config文件一致

报错是说 。你 data 未定义 。所以 你需要 看看 那个接口 请求有问题 。他也告诉你 NewsOrigins 67行的位置