Saya sedang membina apl dalam React Native yang membuat panggilan ambil yang bergantung pada pelayan untuk mendapatkan maklumat terkini. Saya perasan bahawa ia seolah-olah menyimpan cache respons, dan jika saya menjalankan panggilan ambil sekali lagi, ia mengembalikan respons yang dicache dan bukannya maklumat baharu daripada pelayan.
Fungsi saya adalah seperti berikut:
goToAll() {
AsyncStorage.getItem('FBId')
.then((value) => {
api.loadCurrentUser(value)
.then((res) => {
api.loadContent(res['RegisteredUser']['id'])
.then((res2) => {
console.log(res2);
this.props.navigator.push({
component: ContentList,
title: 'All',
passProps: {
content: res2,
user: res['RegisteredUser']['id']
}
})
});
});
})
.catch((error) => {console.log(error);})
.done();
}
Fungsi api.js yang saya panggil adalah seperti berikut:
loadContent(userid){
let url = `http://####.com/api/loadContent?User_id=${userid}`;
return fetch(url).then((response) => response.json());
}
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Jawapan Manosim tidak berkesan untuk saya, tetapi membawa saya ke jalan yang sangat berfungsi:
fetch(url, { headers: { 'Cache-Control': 'no-cache, no-store, must-revalidate', 'Pragma': 'no-cache', 'Expires': 0 } })Ini menyelesaikan masalah.
Anda boleh menetapkan
标头untuk mengelakkan permintaan daripada dicache. Contoh di bawah:return fetch(url, { headers: { 'Cache-Control': 'no-cache' } }).then(function (res) { return res.json(); }).catch(function(error) { console.warn('Request Failed: ', error); });