html5 - H5使用manifest缓存后无法请求api，如何解决？

问题描述

问 题

manifest文件配置如下

CACHE MANIFEST
#  v1.1.8

./css/fontstyle.TTF
./css/reset.css
./css/style.css
./css/share.css
./js/lib/*
./img/*

NETWORK:
./css/style.css
./css/share.css
./js/main.js

问题：

1.使用manifest离线缓存后，api请求失败，如下图所示，即使js文件并没有缓存，该怎么解决？


2.配置manifest文件的时候，如果没有配置NETWORK，是否会在联网模式下请求缓存配置以外的文件？

是不是和服务器的配置有关？使用manifest需要涉及服务器配置吗？？

请各位大神帮忙解答，急需，谢谢。

解决方案

你的用法不对，manifest是用来储存静态文件的，格式如下

CACHE MANIFEST

#需要缓存的静态文件

/theme.css
/logo.gif
/main.js

NETWORK:

#需要联网的静态文件
login.asp
#可以使用星号来指示所有其他资源/文件都需要因特网连接：
*

FALLBACK:

#未找到资源的替代 二级替代

/html5/ /404.html

动态XHR请求是不能缓存的，你题目中请求失败的是一个XHR跨域请求，并不是静态JS；
没有配置NETWORK的资源是不会请求的

这篇关于html5 - H5使用manifest缓存后无法请求api，如何解决？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！