教程：使用华为云服务器搭建自己的网站（vue+nodejs+mysql）

已于 2023-05-24 20:18:56 修改
阅读量2.7k 收藏 20
点赞数 8
文章标签： vue.js 华为云 服务器
于 2023-05-24 11:49:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_44617994/article/details/130842601
版权
本文介绍了作者使用Vue.js和element-admin构建的网站部署到华为云服务器的过程，包括前端打包、通过nginx服务提供静态页面、后端nodejs应用的配置与启动，以及数据库mysql的安装与配置。同时，作者探讨了云服务器成本问题和内网穿透的替代方案。

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

最近在学习vue的相关知识，基于element-admin做了一个网站，并将其部署到了云服务器上供大家访问。

先给大家看看效果，直接访问公网IP116.204.13.12。（服务器免费试用一个月，如果不能访问就是说明到期了）

跳转http://116.204.13.12

其次说说我现在想解决的难点：

  1. 云服务器购买太贵，有没有便宜的方案？
  2. 想使用内网穿透，将自己的电脑部署成服务器，一种解决办法，使用如花生壳之类的软件，将端口映射，但是花费和买服务器差不多，其次网速太差。另一种，申请公网IP，通过路由器进行映射，但是我家的移动宽带，千兆的，也不太好搞。

 如果有大佬有低成本解决办法，可以安利一下，谢谢。

好了，正式介绍我的部署过程。

一、申请服务器

我本次使用的是华为的云服务器，并且申请了一个月的免费使用。

申请好之后，就可以在控制台看到相关的实例。我安装的是Ubuntu的系统。

 可以看到服务器的公网地址和内网地址。（设置登录账户和密码就不详述了，可以查看其他文章）

当然也有免费云服务器和免费虚拟主机可供使用，阿贝云

 云服务器的选择有很多，大家自行参考

我使用的是mobaxterm这个终端工具对设备进行连接：

 不太了解linux系统怎么使用的可以安装一个宝塔：

 安装好了之后，你可以拿到访问的地址，账户和密码

最低0.47元/天 解锁文章
Alopenash
关注
使用华为云服务器搭建一个个人网站（简易版）
徐海洋
01-13 7098
前言： 昨天看到华为云又出新活动了，以前没参加过，抱着好奇的心态就买了半年的华为云服务器。查了查服务器能干些什么，发现可以搭建个人网站，所以便在网上看大佬的博客学习搭建自己的个人网站，下面是自己从购买服务器到搭建好简易个人网站的过程。 第一步：购买服务器 进入华为云的官网 然后点击右上角的【注册】，先注册一个华为云账号，然后进行【实名认证】，实名认证完如果不满24周岁就可以不进行【学生认证】了，...
vue+nodejs+mysql上线部署（服务器CentOS8）
yfy538的博客
09-13 2587
vue+nodejs+mysql上线部署
【新手向】VUE+Node.js+MySQL从零搭建可运行的在远程服务器上的网站
最新发布
U1984z的博客
04-20 890
本教程将带领读者从零开始搭建一个基于 Vue3（前端） + Node.js（后端） + MySQL（数据库） 的全栈网站，并最终部署到云服务器
30分钟轻松在华为云上搭建网站应用（零基础手把手教学）
TEDDY的博客
03-27 1万+
30分钟轻松搭建网站应用-华为云 30分钟轻松搭建网站应用 本实验指导用户在短时间内，利用华为云服务搭建属于自己的WordPress网站。 操作前提：登录华为云 进入【实验操作桌面】，打开火狐浏览器进入华为云登录页面。选择【IAM用户登录】模式，于登录对话框中输入系统为您分配的华为云实验账号和密码登录华为云，如下图所示： 【实验操作桌面】是什么？ 注意：账号信息详见实验手册上方，切勿...
华为云服务器搭建个人网站/博客
weiyaner的博客
04-19 8975
基于华为云服务器，宝塔面板和Wordpress搭建个人的第一个博客网站
vue+node+mysql项目开发(包括部署到服务器)
juvialoxer的博客
02-24 4234
声明:     1．该项目为练习项目,只是基础内容．     2．文章部分内容为网上查阅所得,由于查阅文章较多,无法确认文章地址.因此如有雷同,算我抄你.     3．本文不讲解vue(ts)的项目搭建. 一,安装的插件 npm install express npm install mysql npm install axios npm install --save vue-axi
Vue2+Nodejs(express)+Mysql部署到服务器的全过程
YAO_1212的博客
12-16 2261
这是一个全栈的部署服务器的文章
超详细部署vue+node+mysql项目到腾讯云的步骤
weixin_52375405的博客
10-15 2377
超详细的node加vue项目部署教程
使用华为云搭建个人网站
weixin_44215249的博客
09-11 1761
使用华为云搭建个人网站 1.购买服务器, 重置密码 2.注册域名 3.实名认证, 域名解析 4.安装MySQL yum -y install mysql-server service mysqld restart mysql -u root -p 回车回车 use mysql; alter user 'root'@'localhost' identified by "123456"; create user 'root'@'%' identified with mysql_native_passw
华为云平台全套搭建＋安装手册
05-10
华为云安装手册，包括软件安装手册和快速安装文档，非常详细的官方文档
华为云服务器建站教程
黄良伟的优快云专栏
03-07 3569
1，首先注册华为云账号，注册链接如下： https://account.huaweicloud.com/obmgr/invitation/invitation.html?bpName=000000010000000214B714946DEF17C76A35AFB4E32B99E369FD4CA63644DBB4124BA4D1F31F2F94F32B22AE4707A6DB5D1A35B185F5C48E9B7CDF4327BF3EC2F88D1B4D6B690417&inviteCode=000
使用华为云建立简单的网站
深竹清风的博客
07-03 1045
一般云都有首年优惠，基本上最低的套餐一百以内一年能拿下。
使用华为云服务器搭建一个简单网站（内容全面）
NicolasLearner的博客
11-22 3427
一、购买服务器 因为遇上华为云服务器打折活动，因此就买了一年的华为云服务器。购买过程如下： 首先是去华为云官网注册账号，如果是学生进行学生认证，然后搜索“学生套餐”，点击“参与”就会出现一下界面： 按自己需要选好套餐，然后点击立即购买 购买完成后可以打开控制台，然后在【更多】->【资源】->【我的资源】里面查看自己拥有的资源及套餐等 这是我拥有的资源 二、配置安全组 安全组   安全组是一个逻辑上的分组，为具有相同安全保护需求并相互信任的云服务器提供访 问策略。安全组创建后，用户可
个人-华为云服务器网站搭建记录
dopapapa的博客
04-11 1964
本文主要描述如何在华为云服务器上进行java web网站部署。购买服务器后，搭建网站运行环境有镜像部署和手动部署两种方式：镜像部署：使用市场镜像进行搭建，部署时间短，部署过程简单，可支持主流应用场景，且有镜像服务商的专业售后工程师团队支持。(针对不同类型的的网站有不同镜像)。自助建站汇总手工搭建部署时间长，部署过程复杂，需要自行选择合适的操作系统、数据库、中间件等各类软件，再进行安装和配置。可以满足个性化的部署需求。后期的维护需要依赖自身运维人员的经验。
基于华为云轻松搭建属于自己的网站 （Linux，Apache，MySQL，PHP）
热门推荐
黎国溥
10-24 1万+
前言 使用华为云服务搭建属于自己的网站，搭建过程会详细介绍，大家根据步骤来尝试一下呀； 简介 本篇博客主要和大家介绍属于自己的WordPress网站；可能会问什么是WordPress网站呀？ 思路流程 1.登录华为云 2.创建共享带宽 3.创建安全组 4.创建虚拟私有云（VPC） 5.创建弹性云服务器（ECS） 6.搭建LAMP（Linux，Apache，MySQL，PHP）环境 7.创建并配置RDS 8.访问WordPress并进行相应配置 搭建过程 一、登录华...
华为云手动搭建网站
weixin_44428901的博客
06-06 467
当时这台机器被安装了8.0.28的mysql，所以执行了卸载，然后重复上面的安装后正常。比较简单的方式是实用市场镜像wordpress会直接省去很多步骤。找了半天，没找到兼容欧拉OS系统的epel。首先准备好云服务器，配置好密码，连接后台（此处跳过）。更换为centos后，根据华为云官方文档，执行一次就过。过滤日志文件，找到初始化的密码。but，还是手动来的更好。改数据库密码并完成初始化。下载nginx工具包。rpm -Uxh报错。
你知道如何将python+vue+mysql项目部署到服务器吗？我需要具体过程
03-23
<think>嗯，用户想知道怎么把Python+Vue+MySQL的项目部署到服务器上。首先，我得理清楚整个过程的大致步骤，确保每个部分都覆盖到。可能用户是个开发者，但可能对服务器部署不太熟悉，所以需要详细但易懂的步骤。 首先，用户的项目结构应该是前端用Vue，后端用Python，比如Django或Flask，再加上MySQL数据库。部署的话，通常需要服务器、域名、配置环境这些。我得考虑常见的服务器选择，比如阿里云、腾讯云这些，还有Ubuntu系统，因为比较常用。 然后，步骤大概分几部分：准备服务器、部署后端、部署前端、配置数据库、域名和Nginx反向代理，以及最后的维护。每个部分都需要详细说明，比如服务器设置包括更新系统、安装必要工具，可能还要配置防火墙。这里需要注意用户可能不熟悉ufw或者apt命令，得写清楚命令和步骤。 部署后端部分，得考虑Python环境，比如用virtualenv或者直接安装依赖。还要处理项目文件的上传，可能用git或者scp。这里要提醒用户安装依赖，比如Gunicorn和Nginx的配置，特别是Nginx的反向代理设置，可能需要给出示例配置文件的内容。还有Gunicorn的服务配置，用systemd来管理，确保服务在后台运行。 前端部署的话，Vue项目需要先构建生成静态文件，然后用Nginx来托管。可能需要指导用户如何修改nginx配置，指定root目录。同时，跨域问题可能在后端已经处理了，但如果有的话，可能需要提醒。 数据库方面，MySQL的安装和配置，创建用户和数据库，还有导入数据。这里要注意安全，比如设置root密码，限制远程访问，或者使用ssh隧道，避免直接暴露端口。用户可能需要知道如何导出本地数据并导入到服务器，用mysqldump命令。 域名和HTTPS部分，需要解释如何解析域名到服务器IP，然后用Certbot申请SSL证书，这涉及到安装Certbot和自动配置Nginx。这部分可能需要根据不同的操作系统给出具体命令，比如Ubuntu用的apt命令。 维护方面，可能需要用Git来更新代码，然后重启服务。另外，备份数据库和代码的步骤也很重要，提醒用户定期备份，避免数据丢失。 用户可能遇到的问题包括权限设置、服务启动失败、端口冲突、静态文件路径错误等，需要给出一些排查建议，比如查看日志，检查配置文件语法。此外，安全方面需要强调防火墙设置，避免不必要的端口开放，使用SSH密钥登录，禁用root远程登录等。 最后，整个流程要尽量详细，但不要过于复杂，让用户一步步跟着做就能完成部署。可能还需要根据用户使用的具体框架调整步骤，比如如果用的是Flask，可能和Django的部署稍有不同，但整体流程相似。确保每个命令和配置文件的示例正确，避免用户复制粘贴时出错。</think>以下是将Python+Vue+MySQL项目部署到服务器的具体操作流程，分为六个关键步骤： --- ### 一、服务器基础准备 1. **服务器选择** - 推荐使用阿里云/腾讯云/华为云，选择Ubuntu 22.04 LTS系统 - 安全组开放端口：22(SSH), 80(HTTP), 443(HTTPS), 3306(MySQL按需开放) 2. **系统初始化** ```bash ssh root@your_server_ip # 连接服务器 apt update && apt upgrade -y # 更新系统 apt install -y git nginx mysql-server python3-pip python3-venv nodejs npm # 安装基础工具 ufw allow 22,80,443/tcp # 配置防火墙 ``` --- ### 二、Python后端部署（以Flask为例） 1. **项目上传** ```bash cd /var/www git clone https://github.com/yourname/backend.git # 或使用scp上传 cd backend && python3 -m venv venv source venv/bin/activate pip install -r requirements.txt # 包含gunicorn依赖 ``` 2. **Gunicorn+Nginx配置** ```ini # /etc/systemd/system/flask.service [Unit] Description=Gunicorn instance for Flask After=network.target [Service] User=root WorkingDirectory=/var/www/backend ExecStart=/var/www/backend/venv/bin/gunicorn -w 4 -b 0.0.0.0:5000 app:app Restart=always [Install] WantedBy=multi-user.target ``` ```bash systemctl daemon-reload systemctl start flask && systemctl enable flask ``` 3. **Nginx反向代理** ```nginx # /etc/nginx/sites-available/backend server { listen 80; server_name api.yourdomain.com; location / { proxy_pass http://127.0.0.1:5000; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; } } ``` ```bash ln -s /etc/nginx/sites-available/backend /etc/nginx/sites-enabled/ nginx -t && systemctl reload nginx ``` --- ### 三、Vue前端部署 1. **构建生产环境代码** ```bash cd frontend npm install npm run build # 生成dist目录 ``` 2. **Nginx托管静态文件** ```nginx # /etc/nginx/sites-available/frontend server { listen 80; server_name yourdomain.com; root /var/www/frontend/dist; index index.html; location / { try_files $uri $uri/ /index.html; } } ``` --- ### 四、MySQL数据库配置 1. **安全初始化** ```bash mysql_secure_installation # 设置root密码/删除测试库等 mysql -u root -p ``` ```sql CREATE DATABASE projectdb; CREATE USER 'projectuser'@'localhost' IDENTIFIED BY 'your_password'; GRANT ALL PRIVILEGES ON projectdb.* TO 'projectuser'@'localhost'; FLUSH PRIVILEGES; ``` 2. **导入本地数据** ```bash # 本地导出 mysqldump -u root -p projectdb > backup.sql # 服务器导入 scp backup.sql root@your_server_ip:/tmp mysql -u projectuser -p projectdb < /tmp/backup.sql ``` --- ### 五、域名与HTTPS配置 1. **域名解析** - 在域名控制台添加A记录：@ 和 www 指向服务器IP 2. **SSL证书申请** ```bash snap install --classic certbot certbot --nginx # 按提示选择要加密的域名 ``` --- ### 六、运维管理 1. **服务更新流程** ```bash cd /var/www/backend git pull systemctl restart flask ``` 2. **数据库备份** ```bash # 每日自动备份 crontab -e 0 3 * * * mysqldump -u projectuser -p'password' projectdb > /backups/db_$(date +\%F).sql ``` --- ### 常见问题排查 1. **服务启动失败** - 查看日志：`journalctl -u flask -f` - 检查端口占用：`netstat -tulnp | grep :5000` 2. **跨域问题** - 确认后端已配置CORS中间件 - 检查Nginx的`proxy_set_header`配置 3. **静态文件404** - 确认`nginx -t`通过配置检查 - 检查文件权限：`chmod -R 755 /var/www/frontend/dist` --- ### 安全建议 1. 使用SSH密钥登录代替密码登录 2. MySQL不要开放外网访问（通过SSH隧道连接） 3. 定期更新系统补丁：`unattended-upgrades` 部署完成后，可通过`https://yourdomain.com`访问前端，`https://api.yourdomain.com`访问后端API。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值