配置Nginx服务器以使用Wordpress站点的子文件夹中的React应用程序?

时间:2018-03-23 03:21:53

标签: wordpress reactjs nginx react-router

我在Nginx服务器上有一个wordpress网站托管。我正在尝试部署我的反应应用程序在wordpress网站的子文件夹下运行。我看到了类似的问题/答案,我尝试在我的nginx配置中进行设置。

location /reactApp {
    root /var/www/example.com;
    index  index.html;
    try_files $uri $uri/ /reactApp/index.html;
}

这是一个简单的博客应用程序和应用程序的主页,但问题是 - 我还必须将URL参数传递给应用程序以显示正确的博客帖子。

http://www.example.com/reactApp/   <== works!    
http://www.example.com/reactApp/article-name <== Wwordpress 404 error 

当我通过&#34;文章名称&#34;时,我收到了Wordpress的404错误页面。

我的路由如下:

ReactDOM.render(
<Router basename={'reactApp'}>
    <Route path={`${process.env.PUBLIC_URL}/:slug`} component={ReadArticle}/>
</Router>, document.getElementById('root'));

&#34;蛞蝓&#34;是我试图传递的参数,在这种情况下&#34; article-name&#34;正在通过。

在我的package.json

"homepage": "http://www.example.com/reactApp/",

请告知如何使其正常工作。

感谢。

0 个答案:

没有答案