node+react+vue项目-指定域名-部署阿里云(全程记录)

最新推荐文章于 2025-05-27 10:42:55 发布
原创 最新推荐文章于 2025-05-27 10:42:55 发布 · 926 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#阿里云 #linux #项目部署

本文记录了一位用户在阿里云学生优惠到期后的续费经历，包括失去学生优惠后的价格调整，新服务器的选购与配置，如选择地域、安装CentOS7.3系统，以及安装宝塔面板、LNMP环境、Node.js等过程。通过Xshell和Xftp6进行远程管理和文件操作，并详细说明了域名解析和新旧服务器迁移的步骤。

今天阿里云来了条短信，说学生机快到期了，要尽快续费。我的所有个人项目都在上面(包括即将要答辩的毕业设计)，赶紧去续费，没想到没有学生优惠了，阿里云 “云翼计划” 取消了，恢复原价了，145块钱一个月，直接裂开。。。
重新搞一个学生机，顺便记录下

阿里老云翼活动

在这里插入图片描述
地域离你近点比远点好，镜像选系统镜像(linux) CentOS7.3，这是我的老配置，直接买一年的。
在这里插入图片描述
新服务器IP：47.95.234.230
老服务器IP：123.57.5.134
对老服务器有感情了，纪念一下。

重置服务器密码

在这里插入图片描述

本地看一看

本地下载Xshell或者putty，看一看目录有没有什么问题，这里我就用Xshell，再下载一个Xftp6看看可图形化管理文件和文件夹
在这里插入图片描述
进来的样子
在这里插入图片描述

最低0.47元/天 解锁文章
阿里云轻量应用服务器部署Node.js+React+MongoDB前后端分离项目
qq_41056833的博客
03-19 3278
最近用阿里云服务器部署了一个前端React，后端Node.js（Koa2），数据库MongoDB的前后端分离项目，其间踩了不少的坑，用这篇文章记录一下具体的步骤，希望对你们能有帮助。 1. 服务器的选取和购买 服务器的全部种类可以在阿里云官网产品页看到，根据我在网上的观察，大部分人使用的是ECS云服务器和轻量应用服务器，轻量应用服务器是基于ECS云服务器发展出来的产品，主要面向入门级的云计算和简单的应用，突出“轻量”二字，在我们个人的项目中使用是绰绰有余的，如果你的服务器需要进行持久的高负载操作，那么就
【深入浅出 Node + React 的微服务项目】1.微服务的基本知识
嗨Sirius
03-10 1736
微服务的基本知识 目录 第一步: 微服务的基本知识 目录 什么是微服务 数据在微服务中怎样传递 数据传输遇到的问题 服务间的同步交流 异步: 各服务基于 event 交流 异步: 存取数据的方式 异步交流中的优缺点 什么是微服务 一个单块服务（monolith server）包含： Routing 路由 Middleware 中间件 Business Logic 业务逻辑 Database access to implement all features of our app 服务于所有服务的数
通过Nginx 反向代理机制，实现nodejs项目的域名绑定
hurry_box的博客
11-05 2132
一般而言，nodejs运行的项目可以通过本地127.0.0.1:端口 号 进行本地的访问，如果放在服务器端，同样可以通过服务器的ip地址进行xi相关的域名访问；如果要根据域名访问项目的话，常规来说，Nginx 反向代理 sh是一种很不错的方式；如果只是单纯的想绑定域名进行访问，一下的方式其实可以进行尝试； 1.下载Nginx ； https://nginx.org/en/download.ht...
域名关联nodejs项目
努力奋斗
04-28 2897
1.方案一：配置好域名之后，直接修改端nodejs项目的端口号为80就行 2、方案二：如果80端口号已经被别的项目占用，那么就用nginx的反向代理 如上图所示，指定域名为www.aaa.com 如果将server.js的prot值改为80可以正常访问，但80有其他项目在用这个项目想用3333 备注：因项目比较有针对性，本地访问也必须是域名形式才能正常 在网上看
如何给nodejs开发的web 绑定域名
ldl_xz的专栏
07-03 8394
如何给nodejs开发的web 绑定域名
React项目指定项目启动的Host域名（UMI版本），指定域名与指定端口号报错
Cvory
12-22 2423
我有一篇写的指定Host域名：https://blog.csdn.net/qq_40593656/article/details/120745490 项目代理配置： 我在项目中指定了端口号80， 启动项目时，指定了host域名 在本地的host配置里，对于在这个域名后面加了端口号：xxxx.com:80 以上就是我的bug复现背景，此时我跑项目无法启动 Bug原因 一般域名是默认的80端口，如果项目本身就指定了80端口号，端口号会被冲突占用， 可以试试，把端口号改成其他，就可以启动项目。 本地的ho
使用宝塔面板部署react项目
weixin_46063824的博客
12-22 1338
运行dist中的index文件如果是空白的话我们需要更改配置 vite.config.ts / vite.config.js文件。首先进行配置react项目，在webpack.json中 加上homepage:'.'或‘./’创建好之后/www/wwwroot/ip会生成文件夹，我们进入文件夹。域名为自己的ip，有域名可以填写。点击网站 php项目 添加站点。将打包好的dist文件夹放进去。此时输入ip：端口就能查看了。配置 base: ‘./’
基于react+redux+react-router+webpack+es6+axios的仿QQ音乐客户端项目（毕设&课设）
05-28
基于react+redux+react-router+webpack+es6+axios的仿QQ音乐客户端项目，适合毕业设计、课程设计、项目开发。项目源码已经过严格测试，可以放心参考并在此基础上延申使用~ 项目简介： 技术栈 react react-router ...
精选资源
electron框架+打包vue+react 成exe 安装下一步客户端桌面程序
08-28
将`Vue.js`或`React.js`集成到`Electron`项目中，可以让开发者利用这些框架的强大力量，创建出响应式且高效的桌面应用。 在使用`Electron`进行打包和部署时，有一些关键步骤和潜在问题需要注意。首先，确保安装了...
npm
weixin_50365835的博客
02-02 243
npm的用途 1. 给前端程序员提供第三方库的支持 Jq lodash vue(npm提供的库) npm i vue : 局部安装vue import vue from "vue" ; 引入vue new vue({ el, ..... }) 2. 给前端程序员提供第三方命令行工具的支持 webpack fis3 (npm提供的工具) npm i fis3
如何通过宝塔面板部署
01-20
一.安装并且访问宝塔面板 1.安装命令 centos的安装命令 yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh Ubuntu/Deepin安装命令： wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh Debian安装命令 wget -O install.sh http://download.bt
项目部署react经历
最新发布
2303_79380171的博客
05-27 384
宝塔部署react项目
React项目打包部署注意点 + 宝塔面板几步部署项目
背影、的博客
08-11 4197
1.react项目打包 1.1 终端运行打包命令 在编辑器的终端运行vue项目打包命令 yarn build 打包成功如下： 这时我们可以看到项目目录多出来一个build文件夹，记住它，后面部署就靠它了。 1.2 修改配置 在package.json里面添加一行： "homepage": "." 如果不加上这个的话之后打包的时候,打开index.html会报错，示例如下： 2.宝塔面板部署项目 2.1 部署要求 有一台云服务器（笔者这里用的是腾讯云） 服务器安装宝塔面板 安装教程 2.2 在
使用github页面部署React应用并添加Godaddy自定义域名
weixin_26705651的博客
09-21 638
After lovingly crafting my portfolio site, I was beyond excited to share my work with the world. The only thing standing in my way was deploying the site and adding a very professional, custom domain ...
Linux服务器上部署react项目步骤记录
qq_40697553的博客
02-23 990
react Linux node
前后端分离|react项目部署到服务器
qq_45908404的博客
03-01 861
关键字：宝塔页面、域名 成果：输入xxxx.qqiuklele.cn网址就能访问我的项目。 经历的步骤： 1.首先，我也是第一次部署项目，所以我也是百度，谷歌。最终照着一篇教程来做：《React项目部署在阿里云服务器ECS》 虽然我购买的是阿里云的轻量级应用服务，其实都差不多。如果你购买了服务器，却什么都没做过的，比如购买域名并部署上了你的博客，很推荐您看这篇教程。 因为我就遇到了问题，我在xshell上输入了命令启动了nginx，但是输入域名后，只有以下页面： 因为我是购买了域名的，并且将其解析到我的i
宝塔+nginx 配置node-react 项目
weixin_38298713的博客
08-04 988
通过宝塔将node-react项目配置到nginx服务器上。修改完直接重启nginx服务即可 nginx版本：1.2 通过宝塔直接修改nginx/conf/nginx.conf文件 例： server { #http监听端口 listen 80; #https监听端口 listen 443 ssl http2; #server_name填写自己的域名 server_name cnywblg.com www.cnywblg.com; index index.php
react+node.js+mysql 前后端分离项目 宝塔面板 部署到腾讯云服务器
weixin_43026567的博客
12-01 3500
安装完推荐界面的软件后，软件商店里搜索PM2下载安装，安装完成后打开PM2，切换node版本，并安装后端项目所需依赖（这里node项目用的express）。上传完成后，添加站点，根目录选打包后的前端文件夹（这里是dist），域名这里，域名备案没审核完或没备案，填服务器的ip地址也可以。端口这里，要同时在宝塔和腾讯云两个地方放行（建议把用到的所有端口在这两个地方同时添加了，包括前端、后端、mysql）。开头的请求，直接代理到本地服务器的8088端口（也就是后端接口地址的端口）nginx反向代理，
react部署在阿里云linux服务器，出现白页面大坑
m0_49349350的博客
12-27 475
第一次部署项目，在部署react时，页面访问空白页，请求不到资源，花了几个小时时间也没有搞定，最后终于解决了，写博客纪念一下 打包react项目 npm run build 将生成的build文件夹拷贝到服务器任何一个位置，假如这个位置是path 比如，我的位置是 /usr/springboot/build 配置Nginx 首先得安装Nginx，这里不做介绍，最简单的方法采用宝塔面板安装，最关键的一步就是修改Nginx的配置文件，一般配置文件的路径为 nginx安装路径/nginx/conf/ng.
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值