[問題] Vue 網頁原始碼問題

作者: Oedogonium (喵)   2022-01-06 09:42:08
我做了一個動態網頁
用Ajax讀取後端的資料後
用vue渲染前端的頁面
但是我的網頁原始碼會出現 {{title}} 等vue的程式碼
這是正常的嗎?
我應該要如何修改呢?
Ajax:
$.ajax(
{
url: "/php/name.php?,
async: false,
success: function(res){
name_data=JSON.parse(res);
var vm = new Vue({
el: "#name_header",
data: name_data
});
}
}
);
網頁原始碼如下:
<div class="left" id="name_header" v-cloak>
<div class="family">{{family}} {{chfamily}} {{genus}} {{chgenus}}</span></a></div>
</div>
</div>
這樣是否會影響Google爬蟲讀取資料,進而影響SEO呢?
原本是用php寫全端的網頁,
網頁原始碼中就會直接出現網頁上實際呈現的資料,
現在想將前後端拆開來,不確定自己的做法是否有錯誤....
作者: gasbomb (虛空雷神獸)   2022-01-06 12:23:00
當然會影響SEO啊 所以才要做SSR
作者: ck574b027 (荒圍!定厝!賊!妹!)   2022-01-06 20:38:00
與其說拆開,應該叫原本只有後端,加入前端來實現動態。SSR的方案目前沒看過比兩端都用js方便的,你可能要開始考慮轉換語言
作者: crossdunk (推噓自如)   2022-01-08 11:14:00
還好吧 現在爬蟲都會執行js了只是在有些預覽上的確會有問題,但SEO應該是不會有問題,尤其是google的
作者: ayugioh2003 (小麥)   2022-01-25 20:38:00
google 關鍵字 php + Vue +SSR
作者: windclara (null)   2022-04-12 23:17:00
是正常的。因為在VUE運作前,你的HTML確實是長這樣

Links booklink

Contact Us: admin [ a t ] ucptt.com