react部署阿里云ubtunu的nginx

最新推荐文章于 2025-05-30 09:31:53 发布
最新推荐文章于 2025-05-30 09:31:53 发布
阅读量484 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wangjiali123123/article/details/85417438
本文详细介绍如何在阿里云购买服务器并安装Ubuntu镜像，通过apt-get安装Nginx，使用mac电脑操作Ubuntu的vim编辑器，以及如何将本地React项目构建后上传至阿里云服务器的过程。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.登录阿里云，买好服务器，镜像选ubtunu，远程连接下载apt-get install nginx，如果下载未成功，先apt-get update下

2.一定要在mac电脑上操作ubtunu的vim， 我估计因为有comand键，然后root 密码登录后，

执行操作https://www.youtube.com/watch?v=1ZReIt4Q5aQ&t=633s 可以参考这个视频

3.然后本地react build好后，ubtunu 上用这个上传文件scp -r /ubuntuhome/ aliyunusername@aliIP:/alidictionary/

scp -r 是固定的，然后是你本地文件地址，接着是你ubuntu的root名字，然后是ubuntu上nginx放index.html的地方。

针对nginx的index.html，就像前面说的，mac电脑更好操作，根据视频可以把目标文件换成你想要的文件

脚把脚 0到1部署React项目至阿里云服务器
qq_18998575的博客
08-21 1044
真·小白从0到1部署React项目至阿里云服务器购买阿里云服务器安装Nginx服务器软件打包React项目修改Nginx的默认配置配置安全组访问项目 网上看了好多好多关于从购买阿里云服务器到最后部署成功React项目的博客，看的眼花缭乱然鹅…对博主而言好像并没有什么X用，这篇博客的流程对于博主本人呢是很有用滴~希望可以帮到点开来看到的你鸭！ 购买阿里云服务器 购买阿里云服务器的话，学生党是可以白嫖一个月的 首先显示进入阿里云的官网，点击这里进入阿里云官网。然后就注册啊啊啊啊啥的 登录成功后学生党是可以白嫖
阿里云Ubuntu系统使用Nginx搭建静态网页实战
轻口味的专栏
04-28 980
上面我们创建了一个配置文件，然后nginx就可以自动识别到，下面我们看看配置的具体介绍和说明。下面是一个完整的server {listen 80;# Vue构建产物目录# 静态资源缓存配置# SPA路由适配# 禁止访问隐藏文件!deny all;# 错误页面配置internal;# 访问日志与错误日志路径逐项配置解析server块• 作用：定义一个虚拟主机，处理特定域名或IP的请求。• 关键指令：•listen 80;
将react项目部署到 阿里云服务器上 Ubuntu系统
qq_45715615的博客
03-08 1679
1.编译你的React项目 我的项目是通过create-react-app脚手架创建的，当项目编写完成之后可以执行package.json下面的build脚本就可以了： npm run build build完成之后会发现在项目根目录下多了一个build文件夹，这个是我们后面部署到服务器中需要的文件。 2.服务器配置 2.1 购买阿里云服务器（略） 2.2安装Nginx服务器软件 1、进入任意目录，我选用的是通常选用的/usr/local/src目录 cd /usr/local/src　2
React从基础入门到高级实战：React 生态与工具 - 构建与部署
最新发布
zimin的专栏
05-30 1114
React构建与部署是Web开发的关键环节。本文全面介绍了构建优化技术，如Vite的分包和Tree Shaking；主流的部署平台选择(Vercel、Netlify、AWS)；以及如何使用GitHub Actions配置CI/CD流程。重点讲解了环境变量管理和安全性注意事项，并通过阿里云部署案例展示了实战应用过程。文章详细说明了从代码构建到线上部署的全流程，帮助开发者掌握React应用的优化和发布策略，确保项目的高效、安全部署。
使用阿里云服务器部署React项目流程
m0_61820655的博客
05-02 1573
本文主要分享如何使用阿里云服务器部署React前端代码，并分享一些坑点。使用其他服务器部署项目的方法与本项目类似，一些具体服务器可能在防火墙等方面存在特殊要求，具体问题需要具体分析。
React项目部署在阿里云服务器ECS
--Joern的物联领域--
02-16 1015
本来计划是将一个React工程部署在自己的Centos虚拟机中，但是因为一些网络和安全问题暂时停止了这个计划，于是就把该项目转移到阿里云服务器中，这篇笔记记载了如何从第一步开始直到浏览器通过IP可以访问你的React项目为止。 1.编译你的React项目 我的项目是通过create-react-app脚手架创建的，当项目编写完成之后可以执行package.json下面的build脚本就可以了： n...
在阿里云 ECS 服务器部署 React + Express 项目
Beijiyang
11-17 2780
项目开发了一部分，准备先上线看看效果，就进行了部署。 以下是文档记录。0-选购阿里云 ECS 服务器 操作系统： Ubuntu 14.04 64位 1-创建普通用户登录方式 使用阿里云管理终端连接 ECS 实例实际操作过程中，发现这种方式速度慢，易卡死。 本地通过 SSH 登录参考文档配置好秘钥后，用起来速度飞快。 创建普通用户创建一个名为cat的普通用户。注：如果使用阿里云管理终端登录，跳过第
next项目部署服务端渲染框架部署到阿里云服务器（pm2进程守护）react服务端渲染框架Next.js部署
程序员张礼奎的博客
04-23 2938
1、这是NEXT.js的官方文档（权当分享，网上文档很多，这个比较通俗易懂）                点击跳转 NEXT.JS 2、虽然文档写得很好，但是部署这里实在是看不懂，下面只是我自己找到的办法。 如果有人有更好的方法，欢迎分享，网上能搜...
昆仑虚 - NextJS 项目如何进行部署？
潜隐-前端
10-10 1843
本文介绍了如何将 NextJS 项目通过 Docker 的方式进行部署。修改 NextJS 配置文件、编写 Dockerfile, 构建镜像并上传至阿里云私人镜像仓库。接着使用 Docker Compose 管理容器，最后配置 Nginx 进行反向代理…
React项目部署到阿里云ECS服务器教程
zmjのblog
07-02 2227
前言 以下流程都是博主本人2019/7月实际操作，React，Nginx均为最新版本，已成功部署，可放心食用。 要注意的一点是我的阿里云服务器是Centos 7，不是Ubuntu· 1. 买服务器 花钱买阿里云服务器。。。 2. 使用putty连接上服务器 这一步看官网的教程：https://help.aliyun.com/document_detail/25434.html?spm=a2c4g....
nginx react项目配置
无效的博客
04-24 2032
server { listen 9104; #server_name abcdfund.modeling.ai; #access_log logs/abcdfund.modeling_access.log main; #error_log logs/abcdfund.modeling_error.log info; #return 301 https://...
阿里云服务器（centos7）的使用（6）一nginx部署react的项目
Zeng__Yi的博客
12-30 1035
预览 一，前端打包： 1,大部分的打包命令都是：yarn build 或者 npm run build 然后在当前目录文件会生成build文件夹或dist文件夹 二，上传服务器： 将文件上传到服务器中，上传工具可以使用FileZilla。 三，配置nginx配置 我的nginx安装在/usr/local的目录下 在nginx/conf 下使用vim nginx.con...
vue/react/web前端项目部署到阿里云服务器_nginx_pm2流程及部署前的准备
subsistent的博客
03-24 1176
终端进入到项目根目录，执行 npm run build，对项目进行打包，打包成功显示如下，打包完成后在根目录下会生成一个 build 的文件夹（如果是vue项目，会生成 dist 文件夹），部署就是将 build 或者 dist 文件夹里的内容放在公网上。在本地创建项目的配置文件，cookbook.conf 文件（内容如下），将项目的配置文件，上传到 /etc/nginx/conf.d 目录下。启动成功后，在浏览器中访问项目，项目页面和接口数据都可以正常访问，就算退出与服务器的连接，也不影响项目的访问。
Linux中使用nginx发布react项目
Interest1_wyt的博客
04-16 4137
Linux中使用nginx发布react项目
React项目部署到阿里云ECS服务器
FelixHsp的博客
05-09 3480
React项目部署到阿里云ECS服务器一、打包项目二、服务器环境配置 一、打包项目 本文用的是creat-react-app脚手架，首先打开项目在终端中输入npm run build。如果直接打包之后生成的打包文件只能在根目录访问，所以我们要在package.json里面加一行代码 "homepage":"." 接下来进行打包npm run built会在目录下生成一个build文件夹。这样，打...
如何在Ubuntu上布署react项目
Vernal_F的专栏
09-16 662
打包好react项目 npm run build 安装nginx sudo apt-get install nginx 配置nginx: vim /etc/nginx/nginx.conf 添加内容如下： server { listen 80; # server_name your.domain.com; root /home/ubuntu/project/kris_web/build/; index index.htm.
阿里云部署react项目+node服务接口
dong123ohyes的专栏
07-18 1056
参考文章：https://www.cnblogs.com/NTWang/p/13268485.html 1.本地分别创建server（基于NodeJs）和web（基于react_create_app）两个项目 2.编译打包web项目，npm run build 注意：需要在package.json中加入 "homepage": "react_demo" 3.将server和web（build目录）上传到云服务器，通过git或者scp命令 scp -r build/* root@1...
云服务器部署django后端
03-23
- 选择阿里云、腾讯云等平台的云服务器（推荐 Ubuntu/CentOS 系统） - 开放安全组端口（如 80/HTTP、443/HTTPS、8000/Django 开发端口） 2. **安装基础依赖** ```bash sudo apt update sudo apt install ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值