[问题] 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