本项目已经插件化,在 HTML 中插入下列代码,即可以使用如下代码,使用默认配置加载插件。
<div id="app"></div>
<script>
window.down52PojieCn = new Down52PojieCn();
</script>
上面代码等效于
window.down52PojieCn = new Down52PojieCn({
vueElement: '#app',
routerMode: 'hash',
baseUrl: 'https://down.52pojie.cn',
requestType: 'json',
jsonUrl: '/list.json',
cacheTime: 0
});
window.down52PojieCn = new Down52PojieCn({
requestType: 'jsonp'
});
等效于
window.down52PojieCn = new Down52PojieCn({
vueElement: '#app',
routerMode: 'hash',
baseUrl: 'https://down.52pojie.cn',
requestType: 'jsonp',
jsonpUrl: '/list.js',
jsonpCallback: '__jsonpCallbackDown52PojieCn',
cacheTime: 0
});
对于已开启 ngx-fancyindex 的网站,可以将 routerMode
修改为 'history'
。
dist.zip
中已经配置成 history + jsonp 模式了。
- Vue Router 默认使用 hash 方式。
- 默认使用 ajax 请求 json 文件
- 默认从网站根目录加载
list.json
- 默认不会使用缓存(缓存控制交给服务器管理)
具体配置说明可以参考 src/Down52PojieCn.js
中的详细注释。
如果启用缓存(cacheTime
设为非 0 的数),用户访问页面时,会请求 list.json
,请求后面会带一个时间戳参数(例如:t=153xxxxxxx
),这个时间戳为向 cacheTime
取整后的数字。
由于单页应用的特殊性,所有文件的路径必须从网站根目录开始写,比如可以写 /list.json
而不能写 list.json
或 ./list.json
。