当前位置: 首页 > news >正文

828华为云征文 | 云服务器Flexus X实例,搭建上线前后端项目

828华为云征文 | 云服务器Flexus X实例,搭建上线前后端项目

项目搭建

演示使用华为云服务器Flexus X实例搭建上线前后端项目黑马vue电商后台管理系统

项目GitHub链接:https://github.com/Minori-ty/vue_shop.git

1、购买华为云 Flexus X 实例

Flexus云服务器X实例-华为云 (huaweicloud.com)

2、宝塔面板配置数据库(添加数据库设置账号密码即可)

在这里插入图片描述

3、导入数据库(导入-从本地上传数据库文件)

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

4、开放端口8889和3306

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

5、上传服务器文件(将服务器文件压缩并上传)

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

6、将服务器压缩文件解压到当前目录

在这里插入图片描述

7、点击进入刚刚解压的文件(server/config)修改json文件修改端口

在这里插入图片描述

修改ip地址为服务器ip地址,修改数据库的账号密码为自己配置的账号密码,然后按ctrl+s保持即可

在这里插入图片描述

8、回到服务器文件夹修改app.js文件的端口号为8889

在这里插入图片描述

在这里插入图片描述

9、软件商城中下载pm2管理器

在这里插入图片描述

开启页面显示

在这里插入图片描述

10、启动pm2管理器添加项目

在这里插入图片描述

在这里插入图片描述

找到服务器文件app.js文件即可

在这里插入图片描述

如果此处提交有报错提示,说明node.js版本有问题(新版的pm2默认的node版本是4.x,而pm2需要node@10以上的版本,到pm2面板中修改node版本到14.x以上就行了)

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

11、项目文件中修改main-prod.js文件的ip,并且通过vscode打包dist文件

在这里插入图片描述

npm run build

在这里插入图片描述

将dist文件压缩

在这里插入图片描述

12、在http目录中上传dist压缩文件,并且将文件解压到当前目录中

在这里插入图片描述

在这里插入图片描述

13、浏览器访问服务器ip地址即可访问项目

在这里插入图片描述

体验感受

在这里插入图片描述

华为云服务器Flexus X实例搭建并上线前后端项目黑马Vue电商后台管理系统,极大地提升了部署效率与便捷性,Flexus X云服务器凭借其高性能的计算资源,使得项目从搭建到上线的整个过程变得非常迅速和方便,对于同样有需求的小伙伴,无论是个人学习还是企业开发,选择这样一台服务器都是不错的选择,此外,当前华为云正在进行828 Flexus X实例大促优惠活动不容错过!

华为云828 Flexus X实例

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 电脑桌面如何分区展示工作任务?
  • 唯品会大数据面试题及参考答案(3万字长文)
  • Qt与Udp
  • 力扣最热一百题——合并两个有序链表
  • 运维工程师面试整理-安全常见安全漏洞及修复
  • 【RabbitMQ 项目】服务端:数据管理模块之虚拟机模块
  • XWiki中添加 html 二次编辑失效
  • 4.qml单例模式
  • Windows系统通过部署wsl + Goland进行跨平台开发
  • 劳特巴赫ICD调试器CMM调用烧录框架固件研究之C语言版本
  • Android 中使用高德地图实现根据经纬度信息画出轨迹、设置缩放倍数并定位到轨迹路线的方法
  • 浅谈人工智能之基于HTTP方式调用本地QWen OPenAI接口(Java版)
  • Qt_按钮类控件
  • 今日leetcode 349.两个数组的交集
  • Qt 类型选择器和类选择器的区别
  • AngularJS指令开发(1)——参数详解
  • C# 免费离线人脸识别 2.0 Demo
  • If…else
  • JSDuck 与 AngularJS 融合技巧
  • js写一个简单的选项卡
  • Spring Security中异常上抛机制及对于转型处理的一些感悟
  • 简单数学运算程序(不定期更新)
  • 模仿 Go Sort 排序接口实现的自定义排序
  • 前端临床手札——文件上传
  • 如何抓住下一波零售风口?看RPA玩转零售自动化
  • 数组的操作
  • 想使用 MongoDB ,你应该了解这8个方面!
  • 移动端唤起键盘时取消position:fixed定位
  • 再次简单明了总结flex布局,一看就懂...
  • ​ 无限可能性的探索:Amazon Lightsail轻量应用服务器引领数字化时代创新发展
  • ​​​​​​​​​​​​​​汽车网络信息安全分析方法论
  • ​linux启动进程的方式
  • ​力扣解法汇总1802. 有界数组中指定下标处的最大值
  • ​软考-高级-信息系统项目管理师教程 第四版【第14章-项目沟通管理-思维导图】​
  • ![CDATA[ ]] 是什么东东
  • #100天计划# 2013年9月29日
  • #define与typedef区别
  • #Linux杂记--将Python3的源码编译为.so文件方法与Linux环境下的交叉编译方法
  • ${ }的特别功能
  • (8)STL算法之替换
  • (二) 初入MySQL 【数据库管理】
  • (二)正点原子I.MX6ULL u-boot移植
  • (附源码)springboot 校园学生兼职系统 毕业设计 742122
  • (附源码)springboot课程在线考试系统 毕业设计 655127
  • (五)c52学习之旅-静态数码管
  • (一)Kafka 安全之使用 SASL 进行身份验证 —— JAAS 配置、SASL 配置
  • (一)kafka实战——kafka源码编译启动
  • (一)硬件制作--从零开始自制linux掌上电脑(F1C200S) <嵌入式项目>
  • (转)Spring4.2.5+Hibernate4.3.11+Struts1.3.8集成方案一
  • (转)菜鸟学数据库(三)——存储过程
  • *算法训练(leetcode)第四十五天 | 101. 孤岛的总面积、102. 沉没孤岛、103. 水流问题、104. 建造最大岛屿
  • .NET 8.0 发布到 IIS
  • .NET Core6.0 MVC+layui+SqlSugar 简单增删改查
  • .NET 反射的使用
  • .NET 实现 NTFS 文件系统的硬链接 mklink /J(Junction)