我的NextJS项目在使用Now进行部署时出现错误,其中ComponentDidMount中的提取调用根本无法正常工作。
在开发服务器中,提取调用可以正常工作并检索/显示数据。
为什么我的生产版本出现错误?
这是导致问题的部分:
componentDidMount() {
const headers = new Headers();
if(localStorage.getItem('token') === null)
this.setState({error: true});
else {
this.setState({error: false});
headers.append('authorization', 'Bearer ' + localStorage.getItem('token'));
const request = new Request(SERVER_URL, {
method: 'GET',
headers: headers
});
fetch(request)
.then((response) => response.json())
.then((data) => {
this.setState({
bio: data.bio,
username: data.username,
email: data.email,
education: data.education,
classOf: data.classOf,
friendIds: data.friendIds,
postIds: data.postIds,
opportunities: data.opportunities,
profilePic: data.profilePic
});
});
}
}