我有一个导出到ReactDOM.render()(index.js)的脚本(App.js),以便提供页面。我有一个Ubuntu服务器,运行Nginx作为反向代理,我想知道如何通过Nginx提供这个呈现的页面。
我当前的(简化)Nginx服务器配置(可用站点):
server {
root path/to/build;
server_name name www.name;
location / {
proxy_pass http://localhost:3000;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}
}
我用create-react-app和npm run build
+ serve -s build
运行这个程序,但是我不确定这是否是我应该使用的方法。
我的索引.js:
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById('root')
);
我的目标是让我的单一网页通过我的网址;目前,它显示的只是一个空页面。2我认为这是因为它提供的是空的build.HTML文件。
1条答案
按热度按时间g52tjvyc1#
通过
NGINX
运行前端应用程序的通常方法是通过运行npm run build
将其构建/绑定到dist
或build
文件夹。此文件夹将由nginx使用,它包含html
,css
和js
文件。如果您将nginx.conf
中的root
设置为构建时的文件夹,或者将内容移动到nginx.conf
所指的位置,您将看到这意味着您也可以删除server {
中的当前配置