WordPress+React+dva 打造单页面博客

简介: React WordPress由WordPress提供json(安装插件JSON API),React做前端视图,这意味着你可以继续使用WordPress强大的CMS管理系统.

React WordPress

由WordPress提供json(安装插件JSON API),React做前端视图,这意味着你可以继续使用WordPress强大的CMS管理系统.

不需要修改WordPress就可以使用使用.

WordPress 后台演示

账号 guest 密码 guest (会定时清理数据库和媒体库)

React 前台演示

特性

1 使用WordPress做内容管理,React重写前端.

2 使用dva构建React项目,dva内置React全家桶.

3 使用少部分antd组件,为后期更迭.

使用说明

首页的幻灯片是读取有特色图页面的数据

导航会依照有文章的分类自动生成

调试

$ npm install

$ npm start

如果显示缺失dll.js 文件请执行

$ npm run build:dll

构建

$ npm run build

部署

Nginx

跨域问题

我是使用nginx做API代理,配置如下

location /api/ {

proxy_pass http://react.wordpress.femirror.com/;

}

http://react.wordpress.femirror.com/替换成你的WordPress的地址即可

路由问题

在正式环境下刷新可能会出现路由重定向问题,配置以下内容即可

location / {

try_files $uri /index.html;

}

目录
相关文章
|
1月前
|
存储 前端开发 JavaScript
react怎么实现跨页面传参
react怎么实现跨页面传参
79 2
|
1月前
|
关系型数据库 MySQL Apache
怎么在树莓派上搭建WordPress博客网站,并发布到外网可访问?
怎么在树莓派上搭建WordPress博客网站,并发布到外网可访问?
|
1月前
|
资源调度 JavaScript 前端开发
React-Router 5.0 制作导航栏+页面参数传递
React-Router 5.0 制作导航栏+页面参数传递
29 0
|
1月前
|
Java Android开发
java利用xml-rpc协议操作wordpress博客
java利用xml-rpc协议操作wordpress博客
21 1
|
1月前
|
PHP
菊子曰备份Wordpress网站的博客内容出错的解决办法(原创)
菊子曰备份Wordpress网站的博客内容出错的解决办法(原创)
15 2
|
24天前
|
前端开发 JavaScript API
使用React和GraphQL构建一个简单的博客应用
使用React和GraphQL构建一个简单的博客应用
24 1
|
1月前
|
数据采集 资源调度 前端开发
React的服务器端渲染:使用ReactDOMServer进行高效页面预渲染
【4月更文挑战第25天】使用ReactDOMServer,React支持服务器端渲染以实现高效预渲染。通过在Node.js环境中将React组件转化为HTML字符串,减少客户端JavaScript负载和渲染时间。优点包括更快首屏加载、改善SEO和兼容无JavaScript环境,但也会增加服务器负载、复杂性和状态管理挑战。开发者需根据项目需求平衡SSR和CSR。
|
1月前
|
前端开发
探索React页面导航:不只有React Router
探索React页面导航:不只有React Router
|
1月前
|
关系型数据库 MySQL PHP
wordpress博客系统详细安装部署教程
wordpress博客系统详细安装部署教程
wordpress博客系统详细安装部署教程
|
1月前
|
弹性计算 关系型数据库 MySQL
带你读《弹性计算技术指导及场景应用》——2. 免费试用ECS,轻松搭建WordPress博客平台使用
带你读《弹性计算技术指导及场景应用》——2. 免费试用ECS,轻松搭建WordPress博客平台使用
204 0