陈景序带你轻松搭建网站并部署到华为云
大家好,我是陈景序,今天和大家分享如何使用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)了解更多内容。
