nginx 二级域名部署react项目
时间: 2023-09-03 15:01:51 浏览: 196
要在Nginx上部署一个React项目,可以按照以下步骤进行:
1. 首先,确保你的操作系统上安装了Nginx服务器。
2. 在你的Nginx配置文件中,找到server块并在其中添加一个新的server块来处理你的二级域名。例如,如果你的二级域名是subdomain.example.com,那么你可以添加以下配置代码:
```
server {
listen 80;
server_name subdomain.example.com;
location / {
root /path/to/your/react/app;
index index.html;
}
}
```
在这个配置中,我们指定了服务器监听的端口号以及你的二级域名。然后,将root指令设置为React项目的目录,并将index指令设置为React项目的入口文件index.html。
3. 保存Nginx配置文件并重启Nginx服务,使配置生效。
4. 确保你的React项目已经打包成静态文件。使用`npm run build`命令将React项目打包成生产环境的静态文件。
5. 将打包后的静态文件复制到你在Nginx配置中设置的React项目的目录下。
6. 现在,当用户访问subdomain.example.com时,Nginx服务器将返回React项目的index.html文件,并在浏览器中加载React应用程序。
通过以上步骤,你可以在Nginx上成功部署一个React项目,并在一个二级域名上提供访问。
阅读全文