當(dāng)時(shí)做Vue項(xiàng)目直接被老板罵懵了，說(shuō)咱們官網(wǎng)在百度上毛都搜不著！我拍胸脯說(shuō)Vue可是前端扛把子，結(jié)果自己打開(kāi)搜索引擎一查——好家伙，首頁(yè)除了
標(biāo)簽里那個(gè)項(xiàng)目名，其他內(nèi)容全被吞了。</p>
<h2>踩的第一個(gè)坑</h2>
<p>第二天半夜三點(diǎn)蹲電腦前抓包，發(fā)現(xiàn)蜘蛛爬過(guò)來(lái)的全是<strong><pre></pre></strong>這玩意。草率了，原來(lái)Vue這框架搞渲染是客戶端蹦迪，蜘蛛根本看不懂！</p>
<h2>暴力改代碼的日子</h2>
<p>趕緊照著網(wǎng)帖擼起袖子改：
<ul>
<li>吭哧吭哧給每個(gè)路由加<strong>meta標(biāo)簽</strong>，標(biāo)題描述關(guān)鍵詞全手寫(xiě)</li>
<li>狂裝<strong>vue-meta</strong>插件管標(biāo)簽，頭發(fā)薅掉大半</li>
<li>甚至給按鈕都塞滿<strong>alt文字</strong>，活像貼小廣告的</li>
</ul>
<p>結(jié)果百度收錄倒是有了，點(diǎn)進(jìn)去還是光禿禿的<div>——蜘蛛壓根不執(zhí)行JS！</p></p>
<h2>上核武器的時(shí)刻</h2>
<p>被逼急了眼直接搞<strong>SSR服務(wù)端渲染</strong>：
<ul>
<li>*框架裝到一半就想砸電腦</li>
<li>Node服務(wù)器配置折騰兩天，cpu差點(diǎn)干燒</li>
<li>數(shù)據(jù)庫(kù)查詢愣是被渲染層套了三層娃</li>
</ul>
<p>上線那天整個(gè)技術(shù)部集體加班到凌晨，結(jié)果首發(fā)就報(bào)錯(cuò)500，老板臉黑得像鍋底。</p></p>
<h2>意外發(fā)現(xiàn)野路子</h2>
<p>技術(shù)老哥扔給我個(gè)<strong>prerender-spa-plugin</strong>，跟撿到寶似的：
<ol>
<li>npm install時(shí)手都在抖</li>
<li>webpack配置里塞幾行代碼</li>
<li>跑build命令生成靜態(tài)HTML</li>
</ol>
<p>好家伙！dist文件夾里直接躺著帶內(nèi)容的HTML文件，蜘蛛終于能吃飽飯了！</p></p>
<h2>現(xiàn)在維護(hù)省心到哭</h2>
<p>現(xiàn)在日常就是：
<ul>
<li>改文字？直接更<strong>vue-meta配置</strong></li>
<li>增頁(yè)面？<strong>routes里掛上新路由</strong>自動(dòng)預(yù)渲染</li>
<li>每周用尖叫爬蟲(chóng)工具檢查收錄，穩(wěn)如老狗</li>
</ul>
<p>上個(gè)月官網(wǎng)關(guān)鍵詞居然沖到行業(yè)前三，老板發(fā)獎(jiǎng)金時(shí)說(shuō)早該讓我踩這坑（微笑）</p></p>
<p>那天突然悟了：搞技術(shù)跟燉湯似的，小火慢熬的SSR是香，但咱小項(xiàng)目用<strong>預(yù)渲染</strong>這速食包，照樣能喂飽蜘蛛！</p> </div>
</div>
<div id="fb9vlhh" class="artleft"> <div id="zdj9h1b" class="art_Prev wow fadeInUp">
<p>上一篇</p>
<a href="/roip/7626.html">seo用什么工具不花錢(qián)？這6個(gè)免費(fèi)工具滿足日常需求</a> </div>
<div id="b3vxlnl" class="art_next wow fadeInUp">
<p>下一篇</p>
<a>暫無(wú)</a></div>
<div id="x1lhbfr" class="art_fenx wow fadeInUp">
<p>分享到</p>
<div id="1tjph1l" class="bdsharebuttonbox bdshare-button-style0-24" id="j_shart_s_240" data-tag="share_1" data-bd-bind="1681714059303"> <a class="bds_weixin iconfont" data-cmd="weixin" title="微信"></a> <a class="bds_sqq iconfont" data-cmd="sqq" title="QQ"></a> <a class="bds_qzone iconfont" data-cmd="qzone" title="QQ空間"></a> </div>
<div id="zzzdzzz" class="fh"><a href="/roip/">返回列表</a></div>
</div>
</div>
</div>
</div>
<div id="jjrldbp" class="web_Foot wow fadeInUp">
<div id="p1b1x3f" class="webfoot w1400">
<div id="lrxtxjt" class="webfoot_t">
<div id="zrljr1l" class="webfoot_logo"><img src="/uploads/allimg/20240627/1-24062G54104V9.png" alt="石家莊鑫拓海網(wǎng)站建設(shè)公司"/></div>
<div id="zd1fv1h" class="webfoot_btn">
<div id="111zhhn" class="btn_order"><a >在線詢問(wèn)</a></div>
<div id="zht9hth" class="btn_service"><a >QQ客服</a></div>
</div>
<div id="ldxrjt1" class="clear"></div>
</div>
<div id="zvpnndt" class="webfootmid">
<div id="td1zlv1" class="webfoot_menu">
<ul>
<li><a href="/ytim/">關(guān)于我們<img src="/template/pc/skin/images/jt.png" /></a></li>
<li><a href="/tccc/">網(wǎng)站建設(shè)<img src="/template/pc/skin/images/jt.png" /></a></li>
<li><a href="/ltrq/">建站資訊<img src="/template/pc/skin/images/jt.png" /></a></li>
<li><a href="/abiz/">解決方案<img src="/template/pc/skin/images/jt.png" /></a></li>
<li><a href="/vunr/">小程序開(kāi)發(fā)<img src="/template/pc/skin/images/jt.png" /></a></li>
<li><a href="/zahz/">聯(lián)系我們<img src="/template/pc/skin/images/jt.png" /></a></li>
</ul>
</div>
<div id="ljlvvxv" class="webfootlxfs">
<ul>
<li> <img src="/template/pc/skin/images/foot_ico1.png"><span>企業(yè)名稱(chēng)：</span>
<p>石家莊鑫拓海網(wǎng)站建設(shè)公司</p>
</li>
<li> <img src="/template/pc/skin/images/foot_ico2.png"><span>熱線電話：</span>
<p>400-123-4567</p>
</li>
<li> <img src="/template/pc/skin/images/foot_ico3.png"><span>公司地址：</span>
<p>石家莊萬(wàn)達(dá)廣場(chǎng)D座11樓</p>
</li>
<li> <img src="/template/pc/skin/images/foot_ico4.png"><span>電子郵箱：</span>
<p>admin@youweb.com</p>
</li>
</ul>
</div>
<div id="zpvlxx1" class="webfootewm"> <img src="/uploads/allimg/20200721/1-200H1094023F1.jpg">
<p>掃碼關(guān)注我們</p>
<div id="x9t9dvt" class="clear"></div>
</div>
<div id="d31bxdh" class="clear"></div>
</div>
<div id="ftzp9br" class="webfoot_Copy">
<p>Copyright ? 2025 石家莊鑫拓海網(wǎng)站建設(shè)公司 版權(quán)所有<a target="_blank"> Powered by EyouCms</a> <a rel="nofollow" target="_blank">魯ICP備2024078765號(hào)</a> <a href="http://picok.cn/sitemap.xml" target="_blank">sitemap.xml</a></p>
</div>
</div>
</div>
<div id="lh13jpr" class="f_pf1">
<div id="9j91j5r" class="tela"><a href="tel:13988889999"></a>
<div id="ldvj9tb" class="wz">
<p>TEL：13988889999<em></em></p>
</div>
</div>
<div id="t9zpbr1" class="wxa"><span></span>
<div id="xhvj1n9" class="code">
<p><img src="/uploads/allimg/20200721/1-200H1094023F1.jpg"/><em></em></p>
</div>
</div>
<a href="/tccc/" class="pfpro"></a> <a href="http://picok.cn" class="pflxwm"></a> <a class="totop"></a> </div>
<!-- 應(yīng)用插件標(biāo)簽 start -->
<!-- 應(yīng)用插件標(biāo)簽 end -->
</html>
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://picok.cn/" title="超清无码波多野吉衣中文">超清无码波多野吉衣中文</a>
<div class="friend-links">
</div>
</div>
</footer>
<a href="http://www.hnhmjr.com/videos/765.html" target="_blank">陆良县</a>|
<a href="http://www.sh-wuliu.com/videos/507.html" target="_blank">庐江县</a>|
<a href="http://www.csyzhj.com/videos/169.html" target="_blank">日土县</a>|
<a href="http://www.tyl-sz.com/videos/594.html" target="_blank">阳城县</a>|
<a href="http://www.lingqibao.com/videos/282.html" target="_blank">岐山县</a>|
<a href="http://www.sdygyx.com/videos/602.html" target="_blank">临城县</a>|
<a href="http://www.iphonezh.com/videos/186.html" target="_blank">鲁山县</a>|
<a href="http://www.czbrjx.com/videos/335.html" target="_blank">永泰县</a>|
<a href="http://www.qjsn66.com/videos/722.html" target="_blank">桑植县</a>|
<a href="http://www.shaoermofang.com/videos/542.html" target="_blank">阿瓦提县</a>|
<a href="http://www.ssltime.com/videos/731.html" target="_blank">奉化市</a>|
<a href="http://www.thbaohang.com/videos/105.html" target="_blank">靖西县</a>|
<a href="http://www.tyl-sz.com/videos/755.html" target="_blank">龙里县</a>|
<a href="http://www.dejiangcherry.com/videos/932.html" target="_blank">边坝县</a>|
<a href="http://www.tldamy.com/videos/454.html" target="_blank">类乌齐县</a>|
<a href="http://www.lanqiuzu.com/videos/870.html" target="_blank">白朗县</a>|
<a href="http://www.iguozhan.com/videos/234.html" target="_blank">腾冲县</a>|
<a href="http://www.vts-lab.com/videos/307.html" target="_blank">甘南县</a>|
<a href="http://www.yongjiadianzi.com/videos/589.html" target="_blank">扶风县</a>|
<a href="http://www.gyjxzd.com/videos/517.html" target="_blank">阜康市</a>|
<a href="http://www.linyixdbz.com/videos/996.html" target="_blank">尚义县</a>|
<a href="http://www.fyjn88.com/videos/517.html" target="_blank">黄平县</a>|
<a href="http://www.fxmygs.com/videos/13.html" target="_blank">塔河县</a>|
<a href="http://www.qingdaochengxinhe.com/videos/599.html" target="_blank">福鼎市</a>|
<a href="http://www.hy-sc.com/videos/201.html" target="_blank">团风县</a>|
<a href="http://www.stclever.com/videos/828.html" target="_blank">通渭县</a>|
<a href="http://www.yjjglg.com/videos/930.html" target="_blank">明溪县</a>|
<a href="http://www.wlmqwk.com/videos/519.html" target="_blank">普陀区</a>|
<a href="http://www.wfxlws.com/videos/292.html" target="_blank">莱西市</a>|
<a href="http://www.tzxgg.com/videos/302.html" target="_blank">栾川县</a>|
<a href="http://www.applewalletpay.com/videos/811.html" target="_blank">额尔古纳市</a>|
<a href="http://www.baotuodai.com/videos/821.html" target="_blank">浙江省</a>|
<a href="http://www.ljqcfg.com/videos/608.html" target="_blank">南和县</a>|
<a href="http://www.bingjiehuanjing.com/videos/302.html" target="_blank">华容县</a>|
<a href="http://www.topwipo.com/videos/681.html" target="_blank">福海县</a>|
<a href="http://www.xadngjg.com/videos/521.html" target="_blank">龙胜</a>|
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="7vzpb" class="pl_css_ganrao" style="display: none;"><thead id="7vzpb"><sup id="7vzpb"></sup></thead><i id="7vzpb"></i><div id="7vzpb"><dl id="7vzpb"></dl></div><pre id="7vzpb"></pre><dl id="7vzpb"><pre id="7vzpb"><listing id="7vzpb"><u id="7vzpb"></u></listing></pre></dl><span id="7vzpb"><thead id="7vzpb"></thead></span><strike id="7vzpb"><ol id="7vzpb"></ol></strike><p id="7vzpb"><nobr id="7vzpb"><form id="7vzpb"><video id="7vzpb"></video></form></nobr></p><pre id="7vzpb"><video id="7vzpb"><dfn id="7vzpb"><menuitem id="7vzpb"></menuitem></dfn></video></pre><em id="7vzpb"><menuitem id="7vzpb"><span id="7vzpb"><thead id="7vzpb"></thead></span></menuitem></em><menuitem id="7vzpb"><span id="7vzpb"><thead id="7vzpb"><label id="7vzpb"></label></thead></span></menuitem><output id="7vzpb"><tt id="7vzpb"><menuitem id="7vzpb"><span id="7vzpb"></span></menuitem></tt></output><dfn id="7vzpb"></dfn><th id="7vzpb"><font id="7vzpb"></font></th><sup id="7vzpb"><p id="7vzpb"><nobr id="7vzpb"><form id="7vzpb"></form></nobr></p></sup><i id="7vzpb"><listing id="7vzpb"></listing></i><sub id="7vzpb"></sub><big id="7vzpb"></big><nobr id="7vzpb"></nobr><thead id="7vzpb"><legend id="7vzpb"></legend></thead><tt id="7vzpb"></tt><form id="7vzpb"><legend id="7vzpb"><label id="7vzpb"><label id="7vzpb"></label></label></legend></form><legend id="7vzpb"><sup id="7vzpb"></sup></legend><optgroup id="7vzpb"><listing id="7vzpb"><u id="7vzpb"><ruby id="7vzpb"></ruby></u></listing></optgroup><address id="7vzpb"><div id="7vzpb"><dl id="7vzpb"><i id="7vzpb"></i></dl></div></address><rp id="7vzpb"><b id="7vzpb"><ins id="7vzpb"><address id="7vzpb"></address></ins></b></rp><ruby id="7vzpb"></ruby><pre id="7vzpb"><video id="7vzpb"><em id="7vzpb"><mark id="7vzpb"></mark></em></video></pre><form id="7vzpb"><legend id="7vzpb"><acronym id="7vzpb"><style id="7vzpb"></style></acronym></legend></form><dl id="7vzpb"><i id="7vzpb"><dfn id="7vzpb"><u id="7vzpb"></u></dfn></i></dl><label id="7vzpb"><strong id="7vzpb"><rp id="7vzpb"><b id="7vzpb"></b></rp></strong></label><listing id="7vzpb"></listing><var id="7vzpb"></var><small id="7vzpb"></small><optgroup id="7vzpb"><track id="7vzpb"><tt id="7vzpb"><mark id="7vzpb"></mark></tt></track></optgroup><legend id="7vzpb"><pre id="7vzpb"><p id="7vzpb"><strong id="7vzpb"></strong></p></pre></legend><address id="7vzpb"><strike id="7vzpb"><ol id="7vzpb"><i id="7vzpb"></i></ol></strike></address><ruby id="7vzpb"><b id="7vzpb"><meter id="7vzpb"><pre id="7vzpb"></pre></meter></b></ruby><label id="7vzpb"></label><dfn id="7vzpb"><ruby id="7vzpb"><form id="7vzpb"><legend id="7vzpb"></legend></form></ruby></dfn><thead id="7vzpb"><sup id="7vzpb"></sup></thead><th id="7vzpb"><b id="7vzpb"><ins id="7vzpb"><address id="7vzpb"></address></ins></b></th><style id="7vzpb"></style><pre id="7vzpb"><p id="7vzpb"></p></pre><style id="7vzpb"><th id="7vzpb"></th></style><output id="7vzpb"><big id="7vzpb"><nobr id="7vzpb"><legend id="7vzpb"></legend></nobr></big></output><dfn id="7vzpb"><mark id="7vzpb"></mark></dfn><i id="7vzpb"><listing id="7vzpb"></listing></i><output id="7vzpb"><sub id="7vzpb"></sub></output><font id="7vzpb"></font></div> 
