javascript - 求解︰配合網址變換,動態修改唯一Index.html中的meta資訊
高洛峰
高洛峰 2017-04-11 10:42:49
0
2
267
高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(2)
巴扎黑

繁体字看起太痛苦了,不知道我的简体中文,大兄弟看得明白不。。。
我猜你是碰到了前端spa的单页应用的seo问题。

针对react,在现有基础上最好的方法应该是react ssr了吧,前后端同构。
来个门:
https://zhuanlan.zhihu.com/p/...

大家讲道理

虽然回答过你的问题,那么既然你在这里也问了,再回答一次吧。推荐下面这种办法,不推荐后端渲染的方式,要是这些问题不能通过前端解决,那我们前端工程师还有脸跟后端要同样的薪水吗?不就成了一个只会写css的了?

import React from 'react';
 import DocumentMeta from 'react-document-meta';

  class Example extends React.Component {
    render() {
      const meta = {
        title: 'Some Meta Title',
        description: 'I am a description, and I can create multiple tags',
        canonical: 'http://example.com/path/to/page',
        meta: {
        charset: 'utf-8',
        name: {
        keywords: 'react,meta,document,html,tags'
       }
    }
 };

  return (
     <p>
       <DocumentMeta {...meta} />
       <h1>Hello World!</h1>
     </p>
   );
 }
}

React.render(<Example />, document.getElementById('root'));
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板