WordPress+React+ DVA to create a single page blog

With json provided by WordPress (install plugin JSON API),React does the front-end view, which means you can continue to use WordPress’s powerful CMS management system.

You don’t need to modify WordPress to use it.

WordPress Background Demo

Account guest Password guest (Periodically cleans the database and media library)

React React

features

1 use WordPress for content management and React to rewrite the front end.

2 use DVA to build the React project. Dva has the React family bucket built in.

3. Use a small number of ANTD components for later replacement.

Directions for use

debugging

$ npm install

$ npm start

If the DLL. Js file is missing, run this command

$ npm run build:dll

build

The deployment of

Nginx

Cross-domain problem

I am using Nginx to do the API proxy, configuration as follows

  location /api/ {
    	proxy_pass http://react.wordpress.femirror.com/;
	}
Copy the code

React.wordpress.femirror.com/ replace your WordPress address

Routing problem

  location / {
   		try_files $uri /index.html;
	}
Copy the code