Question

我们的任务是为另一个小组创建微服务前端。我们想在React中创建它，而我们为其构建的小组则希望通过SSI将其包含在他们更大的页面中。我已经设置了自己的Nginx服务器，并创建了一个测试页面以包含我的基本React应用，并且该工作包含了页面的内容。但是，react页面的内容指向诸如bundle.js，0.chunk.js之类的相对URL。 main.chunk.js;我在Nginx中为此设置了设置规则，也将这些规则引入了原点，但是这并不理想，我仍然在其他资源上得到404的响应，试图引入。

解决此问题的最佳方法是什么？ React是否有办法将所有资源捆绑到一个文件中？还是我们试图做的事不可行？

这是我用来包括我的react应用的nginx文件的片段：

location /test.html {
    ssi on;
    proxy_set_header Accept-Encoding ""; 
    proxy_pass http://local.react.com:3000/;        
}

我添加了更多这些内容以从react应用程序中引入JS，该应用程序将react插入页面。

我要包含的页面上包含：

<!--#include virtual="test.html" -->

Answer 1

您可能需要更改一些配置选项。有关C=0;for(i=0;i<7;i++){C+=sqr(beta[i]-BETA[i]);}C+=sqr(var-BETA[7]); return C; for(i=0;i<size_i*size_time*size_sim;++i){free(DATA_SIM[i]);free(X[i]);}free(DATA_SIM);free(X); free(par); free(beta);free(Y);free(epsilon);设置，请查看create-react-app documentation或有关output.publicPath设置的webpack文档。

如何在React中创建SPA以通过SSI包含

1 个答案: