跳转到主内容
websoft网络软件专家 - 深耕网络技术,打造实用软件!

如何用vue+nodejs+mysql搭建自己的网站并部署到华为云服务器?

陈景序带你轻松搭建网站并部署到华为云

大家好,我是陈景序,今天和大家分享如何使用vue、nodejs和mysql搭建自己的网站,并将其部署到华为云服务器上。如果你也在学习vue相关知识,或者想搭建自己的网站,这篇文章可能会帮到你。

一、云服务器选择与部署

首先,我们需要选择一个云服务器。这里我推荐使用华为云服务器,并且可以申请一个月的免费试用。登录华为云账号后,在控制台可以看到相关的实例,我选择的是Ubuntu系统。

使用mobaxterm这个终端工具连接到服务器,如果你不太了解Linux系统,可以安装宝塔来帮助操作。在宝塔面板上,你可以可视化地操作设备,并添加入方向规则。

二、前端页面部署

接下来,我们需要部署前端页面。首先,你需要有一个开发好的项目或成品网页。以vue2为例,基于element和element-admin二次开发的一个网站。在终端输入相关指令进行打包,生成的文件就在dist文件夹中。

将这三个文件上传到服务器的指定文件夹,然后安装nginx作为web服务。配置nginx的server块,将root指向dist文件夹,并启动nginx。记得处理防火墙,将80端口放出去。

三、后端部署

后端使用nodejs编写,可以打包或源码运行。我选择源码运行,需要安装node环境和pm2工具。将程序的源码上传至设备,并启动后台程序。

四、数据库部署

数据库使用mysql,使用宝塔安装并配置。可以开启root账户的远程访问能力,方便操作。使用Navicat对mysql进行操作,将sql文件导入。

五、相关配置文件

前端配置axios和websock的地址,后端配置config.js文件。确认好各项配置,网站就可以正常使用了。

总结

以上就是使用vue、nodejs和mysql搭建网站并部署到华为云服务器的基本步骤。希望这篇文章能帮助你搭建自己的网站。如果你有其他问题,欢迎在评论区留言。

关于我

我是陈景序,资深Web开发技术专家,专注于PHP和Web技术栈超过10年。如果你对网络技术和软件工具有兴趣,欢迎关注「websoft网络软件专家」(www.phpwebsoft.com)了解更多内容。

相关文章