javascript - 关于wget只能获取到网页的一小部分内容(服务端渲染)的问题

查看:46
本文介绍了javascript - 关于wget只能获取到网页的一小部分内容(服务端渲染)的问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

寒假放假年前这几天用react的服务端渲染重写了自己博客的两个页面,然而用wget却只能获取如下一点内容(本机和服务器都有尝试..):

wget http://aircloud.10000h.top/

    <!doctype html>
    <html>
      <meta name="baidu-site-verification" content="mDu29kcxAz" />
      <meta name="viewport" content="width=divice-width,initial-scale=1.2,user-scalable=no,maximum-scale=1">
      <head>
        <title>AirCloud</title>
      </head>
      <body>                               

其他内容获取不到了....我的博客的地址:http://aircloud.10000h.top/

但是wget详情页是没问题的,不知道问题出在哪。

博客用的nodejs+react+webpack 服务端渲染,然后用nginx做代理。

有没有哪位朋友知道怎么回事的?万分感激(博客还在测试 自卫能力较弱...)

解决方案

我试了一下,返回还挺多的。。。

<!doctype html>

<html>
  <meta name="baidu-site-verification" content="mDu29kcxAz" />
  <meta name="viewport" content="width=divice-width,initial-scale=1.2,user-scalable=no,maximum-scale=1">
  <head>
    <title>AirCloud</title>
  </head>
  <body>
    <div id="app"><div class="Top" data-reactid=".236edewmaaw" data-react-checksum="1284286389"><div style="width:100%;min-height:1000px;position:fixed;background:white;display:flex;" data-reactid=".236edewmaaw.0"><div style="margin:auto;margin-top:200px;width:105px;height:105px;background:url(&#x27;/images/gridLoader.svg&#x27;);display:flex;" data-reactid=".236edewmaaw.0.0"></div></div><div class="header" data-reactid=".236edewmaaw.1"><div class="titleList" data-reactid=".236edewmaaw.1.0"><div class="mainTitle" data-reactid=".236edewmaaw.1.0.0">梦断JS</div><div class="subTitle" data-reactid=".236edewmaaw.1.0.1">用执着为未来创造无限可能</div><br data-reactid=".236edewmaaw.1.0.2"/><div class="url" data-reactid=".236edewmaaw.1.0.3">http://aircloud.10000h.top/</div></div><div class="catalog" data-reactid=".236edewmaaw.1.1"><div class="catalogContainer" style="left:0px;" data-reactid=".236edewmaaw.1.1.0"><span data-reactid=".236edewmaaw.1.1.0.0"><a href="/" style="color:;" data-reactid=".236edewmaaw.1.1.0.0.0">主页</a></span></div></div><div class="poly" data-reactid=".236edewmaaw.1.2"><div class="otherLink" data-reactid=".236edewmaaw.1.2.0"><a title="我的CSDN博客" href="http://blog.csdn.net/ul646691993" data-reactid=".236edewmaaw.1.2.0.0"><img src="images/CSDN.png" data-reactid=".236edewmaaw.1.2.0.0.0"/></a><a title="我的github" href="https://github.com/aircloud" data-reactid=".236edewmaaw.1.2.0.1"><img src="images/github.png" data-reactid=".236edewmaaw.1.2.0.1.0"/></a><a title="我的邮箱" href="mailto:networknxt@gmail.com" data-reactid=".236edewmaaw.1.2.0.2"><img src="images/email.png" data-reactid=".236edewmaaw.1.2.0.2.0"/></a></div><div class="current" data-reactid=".236edewmaaw.1.2.1"><a href="/" data-reactid=".236edewmaaw.1.2.1.0">主页</a></div></div></div><div class="mainContainer" data-reactid=".236edewmaaw.2"><div class="profile" data-reactid=".236edewmaaw.2.0"><div class="myProfile" data-reactid=".236edewmaaw.2.0.0"><img class="myPhoto" src="images/me.jpg" data-reactid=".236edewmaaw.2.0.0.0"/><p class="myName" data-reactid=".236edewmaaw.2.0.0.1">AirCloud</p><p class="myInfo1" data-reactid=".236edewmaaw.2.0.0.2">一个热爱开源、热爱web开发、热爱设计的即将毕业于ZJU目前还没找到工作的工科狗。</p><p class="myInfo2" data-reactid=".236edewmaaw.2.0.0.3">和1.0相比:这个版本的个人博客采用了服务端渲染,代码完全重构,采用react+redux+webpack完成,业务逻辑不算复杂,重在学习方法。</p><div class="otherLinks" data-reactid=".236edewmaaw.2.0.0.4"><div class="linksTitle" data-reactid=".236edewmaaw.2.0.0.4.0">相关链接</div><div class="LinksGroup" data-reactid=".236edewmaaw.2.0.0.4.1"><p class="certainLink" data-reactid=".236edewmaaw.2.0.0.4.1.0"><a href="https://www.10000h.top/" data-reactid=".236edewmaaw.2.0.0.4.1.0.0">我的博客1.0版</a></p><p class="certainLink" data-reactid=".236edewmaaw.2.0.0.4.1.1"><a href="https://github.com/aircloud/myblog" data-reactid=".236edewmaaw.2.0.0.4.1.1.0">我的博客GitHub</a></p><p class="certainLink" data-reactid=".236edewmaaw.2.0.0.4.1.2"><a href="https://github.com/aircloud/WebGL-obj-loader" data-reactid=".236edewmaaw.2.0.0.4.1.2.0">webgl开源obj加载器</a></p><p class="certainLink" data-reactid=".236edewmaaw.2.0.0.4.1.3"><a href="https://github.com/aircloud/myNatureColor" data-reactid=".236edewmaaw.2.0.0.4.1.3.0">NACO</a></p><p class="certainLink" data-reactid=".236edewmaaw.2.0.0.4.1.4"><a href="http://gkrbox.com/" data-reactid=".236edewmaaw.2.0.0.4.1.4.0">gkrbox</a></p></div></div><div class="moreContact" data-reactid=".236edewmaaw.2.0.0.5"><p data-reactid=".236edewmaaw.2.0.0.5.0">欢迎进一步联系:</p><p data-reactid=".236edewmaaw.2.0.0.5.1">networkgmail.com</p></div></div></div><div class="mainList" data-reactid=".236edewmaaw.2.1"><div data-reactid=".236edewmaaw.2.1.$0"><div class="yearList" data-reactid=".236edewmaaw.2.1.$0.0"><img src="images/calendar.png" class="yearLogo" data-reactid=".236edewmaaw.2.1.$0.0.0"/><h4 class="yearInfo" data-reactid=".236edewmaaw.2.1.$0.0.1">2017</h4></div><ul class="certainList" data-reactid=".236edewmaaw.2.1.$0.1"><li data-reactid=".236edewmaaw.2.1.$0.1.$0"><a href="/45" data-reactid=".236edewmaaw.2.1.$0.1.$0.0">WebGl入门心得</a><span data-reactid=".236edewmaaw.2.1.$0.1.$0.1">1/25/2017, 9:07:27 PM</span></li><li data-reactid=".236edewmaaw.2.1.$0.1.$1"><a href="/43" data-reactid=".236edewmaaw.2.1.$0.1.$1.0">JS的静态作用域、子程序引用环境与参数传递类型</a><span data-reactid=".236edewmaaw.2.1.$0.1.$1.1">1/11/2017, 1:33:26 AM</span></li></ul></div><div data-reactid=".236edewmaaw.2.1.$1"><div class="yearList" data-reactid=".236edewmaaw.2.1.$1.0"><img src="images/calendar.png" class="yearLogo" data-reactid=".236edewmaaw.2.1.$1.0.0"/><h4 class="yearInfo" data-reactid=".236edewmaaw.2.1.$1.0.1">2016</h4></div><ul class="certainList" data-reactid=".236edewmaaw.2.1.$1.1"><li data-reactid=".236edewmaaw.2.1.$1.1.$0"><a href="/42" data-reactid=".236edewmaaw.2.1.$1.1.$0.0">服务端操作系统研究</a><span data-reactid=".236edewmaaw.2.1.$1.1.$0.1">12/3/2016, 3:19:13 PM</span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$1"><a href="/41" data-reactid=".236edewmaaw.2.1.$1.1.$1.0">js闭包的一个典型应用场景</a><span data-reactid=".236edewmaaw.2.1.$1.1.$1.1">11/30/2016, 12:14:42 AM</span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$2"><a href="/40" data-reactid=".236edewmaaw.2.1.$1.1.$2.0">你所不知道的javascript(4)之异步和性能</a><span data-reactid=".236edewmaaw.2.1.$1.1.$2.1">11/14/2016, 4:44:43 PM</span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$3"><a href="/39" data-reactid=".236edewmaaw.2.1.$1.1.$3.0">你所不知道的javascript(3)之类型和语法</a><span data-reactid=".236edewmaaw.2.1.$1.1.$3.1">11/13/2016, 6:16:54 PM</span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$4"><a href="/38" data-reactid=".236edewmaaw.2.1.$1.1.$4.0">你所不知道的javascript(2)之this和对象原型</a><span data-reactid=".236edewmaaw.2.1.$1.1.$4.1">11/13/2016, 1:28:15 PM</span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$5"><a href="/37" data-reactid=".236edewmaaw.2.1.$1.1.$5.0">你所不知道的javascript(1)之作用域和闭包</a><span data-reactid=".236edewmaaw.2.1.$1.1.$5.1">11/13/2016, 1:26:03 PM</span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$6"><a href="/36" data-reactid=".236edewmaaw.2.1.$1.1.$6.0">SSH登录加密和Nginx配置https</a><span data-reactid=".236edewmaaw.2.1.$1.1.$6.1">10/7/2016, 12:10:44 AM</span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$7"><a href="/35" data-reactid=".236edewmaaw.2.1.$1.1.$7.0">java中的String、StringBuffer、StringBuilder总结</a><span data-reactid=".236edewmaaw.2.1.$1.1.$7.1">Sat Sep 24 2016 10:56:17 </span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$8"><a href="/33" data-reactid=".236edewmaaw.2.1.$1.1.$8.0">Xcode7.3配置OpenGL的c++环境</a><span data-reactid=".236edewmaaw.2.1.$1.1.$8.1">Tue Sep 20 2016 00:31:15 </span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$9"><a href="/32" data-reactid=".236edewmaaw.2.1.$1.1.$9.0">react全家桶系列之redux</a><span data-reactid=".236edewmaaw.2.1.$1.1.$9.1">Sun Sep 18 2016 14:03:57 </span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$10"><a href="/31" data-reactid=".236edewmaaw.2.1.$1.1.$10.0">网页性能优化最佳实践(更新)</a><span data-reactid=".236edewmaaw.2.1.$1.1.$10.1">Tue Sep 13 2016 19:58:10 </span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$11"><a href="/30" data-reactid=".236edewmaaw.2.1.$1.1.$11.0"> JavaScript事件代理和委托(Delegation)</a><span data-reactid=".236edewmaaw.2.1.$1.1.$11.1">Sun Sep 11 2016 11:53:10 </span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$12"><a href="/29" data-reactid=".236edewmaaw.2.1.$1.1.$12.0">Javascript设计模式:MV*模式和模块化的JS设计模式</a><span data-reactid=".236edewmaaw.2.1.$1.1.$12.1">Sat Sep 10 2016 13:41:02 </span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$13"><a href="/28" data-reactid=".236edewmaaw.2.1.$1.1.$13.0">chrome插件开发浅析</a><span data-reactid=".236edewmaaw.2.1.$1.1.$13.1">Tue Sep 06 2016 13:46:30 </span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$14"><a href="/27" data-reactid=".236edewmaaw.2.1.$1.1.$14.0">css布局设计高级进阶</a><span data-reactid=".236edewmaaw.2.1.$1.1.$14.1">Thu Sep 01 2016 23:58:15 </span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$15"><a href="/26" data-reactid=".236edewmaaw.2.1.$1.1.$15.0">不会absolute和relative的不是靠谱工程师</a><span data-reactid=".236edewmaaw.2.1.$1.1.$15.1">Thu Sep 01 2016 01:33:17 </span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$16"><a href="/25" data-reactid=".236edewmaaw.2.1.$1.1.$16.0">koa开发下一代应用</a><span data-reactid=".236edewmaaw.2.1.$1.1.$16.1">Wed Aug 31 2016 20:58:01 </span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$17"><a href="/24" data-reactid=".236edewmaaw.2.1.$1.1.$17.0">DOM全总结之DOM扩展</a><span data-reactid=".236edewmaaw.2.1.$1.1.$17.1">Wed Aug 31 2016 01:33:07 </span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$18"><a href="/23" data-reactid=".236edewmaaw.2.1.$1.1.$18.0">DOM全总结之DOM基础</a><span data-reactid=".236edewmaaw.2.1.$1.1.$18.1">Wed Aug 31 2016 00:48:09 </span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$19"><a href="/22" data-reactid=".236edewmaaw.2.1.$1.1.$19.0">Vuex:用webpack和vue构建应用[续]</a><span data-reactid=".236edewmaaw.2.1.$1.1.$19.1">Tue Aug 30 2016 15:40:31 </span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$20"><a href="/21" data-reactid=".236edewmaaw.2.1.$1.1.$20.0">JS观察者模式的一个小例</a><span data-reactid=".236edewmaaw.2.1.$1.1.$20.1">Mon Aug 29 2016 21:49:48 </span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$21"><a href="/19" data-reactid=".236edewmaaw.2.1.$1.1.$21.0">webpack+vue构建单页面SPA</a><span data-reactid=".236edewmaaw.2.1.$1.1.$21.1">Fri Aug 26 2016 00:31:13 </span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$22"><a href="/18" data-reactid=".236edewmaaw.2.1.$1.1.$22.0">web应用http身份识别设计</a><span data-reactid=".236edewmaaw.2.1.$1.1.$22.1">Wed Aug 24 2016 16:33:27 </span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$23"><a href="/17" data-reactid=".236edewmaaw.2.1.$1.1.$23.0">nodejs异步编程解决方案</a><span data-reactid=".236edewmaaw.2.1.$1.1.$23.1">Tue Aug 23 2016 19:55:29 </span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$24"><a href="/16" data-reactid=".236edewmaaw.2.1.$1.1.$24.0">webpack入门到应用</a><span data-reactid=".236edewmaaw.2.1.$1.1.$24.1">Sun Aug 21 2016 20:12:10 </span></li><li data-reactid=".236edewmaaw.2.1.$1.1.$25"><a href="/15" data-reactid=".236edewmaaw.2.1.$1.1.$25.0">jquery插件开发</a><span data-reactid=".236edewmaaw.2.1.$1.1.$25.1">8/18/2016, 1:19:27 PM</span></li></ul></div></div></div><div class="footer" data-reactid=".236edewmaaw.3"><p data-reactid=".236edewmaaw.3.0"><span data-reactid=".236edewmaaw.3.0.0"><span data-reactid=".236edewmaaw.3.0.0.0">访客:</span><span data-reactid=".236edewmaaw.3.0.0.1">0</span></span><span data-reactid=".236edewmaaw.3.0.1"><span data-reactid=".236edewmaaw.3.0.1.0">@2016 XT.N 版权所有</span><a href="https://creativecommons.org/licenses/by-sa/4.0/deed.zh" data-reactid=".236edewmaaw.3.0.1.1">,遵循署名-相同方式共享4.0国际协议</a></span></p></div></div></div>
    <script>
      window.__INITIAL_STATE__ = {"allArticles":{"data":[{"year":"2017","article":[{"title":"WebGl入门心得","tag":["javascript"],"year":"2017","month":"1","time":"1/25/2017, 9:07:27 PM","ID":45},{"title":"JS的静态作用域、子程序引用环境与参数传递类型","tag":["javascript"],"year":"2017","month":"1","time":"1/11/2017, 1:33:26 AM","ID":43}]},{"year":"2016","article":[{"title":"服务端操作系统研究","tag":["操作系统"],"year":"2016","month":"12","time":"12/3/2016, 3:19:13 PM","ID":42},{"title":"js闭包的一个典型应用场景","tag":["javascript"],"year":"2016","month":"11","time":"11/30/2016, 12:14:42 AM","ID":41},{"title":"你所不知道的javascript(4)之异步和性能","tag":["javascript"],"year":"2016","month":"11","time":"11/14/2016, 4:44:43 PM","ID":40},{"title":"你所不知道的javascript(3)之类型和语法","tag":["javascript"],"year":"2016","month":"11","time":"11/13/2016, 6:16:54 PM","ID":39},{"title":"你所不知道的javascript(2)之this和对象原型","tag":["javascript"],"year":"2016","month":"11","time":"11/13/2016, 1:28:15 PM","ID":38},{"title":"你所不知道的javascript(1)之作用域和闭包","tag":["javascript"],"year":"2016","month":"11","time":"11/13/2016, 1:26:03 PM","ID":37},{"title":"SSH登录加密和Nginx配置https","tag":["nginx","nodejs"],"year":"2016","month":"10","time":"10/7/2016, 12:10:44 AM","ID":36},{"title":"java中的String、StringBuffer、StringBuilder总结","tag":["java"],"year":"2016","month":"9","time":"Sat Sep 24 2016 10:56:17 ","ID":35},{"title":"Xcode7.3配置OpenGL的c++环境","tag":["OpenGL"],"year":"2016","month":"9","time":"Tue Sep 20 2016 00:31:15 ","ID":33},{"title":"react全家桶系列之redux","tag":["react","javascript","redux"],"year":"2016","month":"9","time":"Sun Sep 18 2016 14:03:57 ","ID":32},{"title":"网页性能优化最佳实践(更新)","tag":["web前端"],"year":"2016","month":"9","time":"Tue Sep 13 2016 19:58:10 ","ID":31},{"title":" JavaScript事件代理和委托(Delegation)","tag":["javascript"],"year":"2016","month":"9","time":"Sun Sep 11 2016 11:53:10 ","ID":30},{"title":"Javascript设计模式:MV*模式和模块化的JS设计模式","tag":["nodejs","javascript"],"year":"2016","month":"9","time":"Sat Sep 10 2016 13:41:02 ","ID":29},{"title":"chrome插件开发浅析","tag":["chrome插件","javascript"],"year":"2016","month":"9","time":"Tue Sep 06 2016 13:46:30 ","ID":28},{"title":"css布局设计高级进阶","tag":["css"],"year":"2016","month":"9","time":"Thu Sep 01 2016 23:58:15 ","ID":27},{"title":"不会absolute和relative的不是靠谱工程师","tag":["css"],"year":"2016","month":"9","time":"Thu Sep 01 2016 01:33:17 ","ID":26},{"title":"koa开发下一代应用","tag":["koa","nodejs"],"year":"2016","month":"8","time":"Wed Aug 31 2016 20:58:01 ","ID":25},{"title":"DOM全总结之DOM扩展","tag":["dom","javascript"],"year":"2016","month":"8","time":"Wed Aug 31 2016 01:33:07 ","ID":24},{"title":"DOM全总结之DOM基础","tag":["dom","javascript"],"year":"2016","month":"8","time":"Wed Aug 31 2016 00:48:09 ","ID":23},{"title":"Vuex:用webpack和vue构建应用[续]","tag":["Vue","javascript"],"year":"2016","month":"8","time":"Tue Aug 30 2016 15:40:31 ","ID":22},{"title":"JS观察者模式的一个小例","tag":["javascript"],"year":"2016","month":"8","time":"Mon Aug 29 2016 21:49:48 ","ID":21},{"title":"webpack+vue构建单页面SPA","tag":["webpack","javascript","nodejs"],"year":"2016","month":"8","time":"Fri Aug 26 2016 00:31:13 ","ID":19},{"title":"web应用http身份识别设计","tag":["nodejs","javascript"],"year":"2016","month":"8","time":"Wed Aug 24 2016 16:33:27 ","ID":18},{"title":"nodejs异步编程解决方案","tag":["nodejs","javascript"],"year":"2016","month":"8","time":"Tue Aug 23 2016 19:55:29 ","ID":17},{"title":"webpack入门到应用","tag":["webpack","javascript"],"year":"2016","month":"8","time":"Sun Aug 21 2016 20:12:10 ","ID":16},{"title":"jquery插件开发","tag":["jquery","javascript"],"year":"2016","month":"8","time":"8/18/2016, 1:19:27 PM","ID":15}]}]}}
    </script>
    <script src="build.js"></script>
  </body>
</html>

wget的问题?

试下curl?

这篇关于javascript - 关于wget只能获取到网页的一小部分内容(服务端渲染)的问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆