WordPress+React+dva 打造单页面博客
来源:互联网 发布:arduino matlab编程 编辑:程序博客网 时间:2024/06/16 04:12
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;
}
阅读全文
0 0
- WordPress+React+dva 打造单页面博客
- React+DVA开发实践
- dva构建react应用程序
- react dva 碎片01
- react dva 碎片02
- dva+react+ant.design
- dva+react+antd
- 【React dva】dva基础用法记录
- 新建项目 react+dva+antd
- 【React dva】 编码笔记备忘
- 免插件打造wordpress投稿页面
- react环境搭建(基于dva)
- react-navigation使用及dva初探一
- react-navigation使用及dva初探二
- react-navigation及dva使用(三)
- Dva React 入门 Demo 篇章 2
- WordPress 教程:创建博客作者页面
- 打造自己博客(wordpress)的wap手机版本
- zookeeper开源客户端curator
- ext treepanel重复加载的问题
- 利用BFC实现左右两列自适应布局
- 有序矩阵查找 -- 算法小结
- JAVA 方法重载和重写区别
- WordPress+React+dva 打造单页面博客
- 基于 WiFi 探针的客流统计与考勤
- 1094: 统计元音(函数专题)
- Boolan C++ 笔记 十
- grafana docker 安装使用
- 欢迎使用CSDN-markdown编辑器
- 程序员MAC系统软件推荐
- Qt检测设备是否在线(Ping)
- 20170921