我在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/",
请告知如何使其正常工作。
感谢。