花了两个月写了个仿QQ音乐的前端练习项目,后面部署项目,第一次部署,没啥经验。查了半天百度,才摸索出来办法,写个通俗易懂的教程以免各位踩坑
1. 前期准备:Windows系统服务器(我用的是阿里云免费试用一个月的云服务器(刚刚又看了一下好像是限量的,10点开始领,感觉挺好抢的))
2. 配置服务器就不多说了。完成之后在Windows里面下载nginx然后点击启动后,闪一下黑屏就算启动成功了,默认占用80端口。可以通过访问127.0.0.1:80来确定启动有没有成功
3.找到nginx根目录下的html文件夹,讲vue项目的dist文件原封不动的放进去这样就nginx就会自动查找html文件夹中的index.html文件并允许。
image-20220119175735039.png
4. 下载 在Windows里面下载NodeJS,完成后将后端项目在Node跑起来后就算是部署成功了。就这么简单,So Easy。
都完成之后要在阿里云配置安全组,将后端项目和nginx的端口配置进去,这样才能彻底收尾。具体路径:网络与安全>>安全组>>配置规则>>手动添加>>配置跟已经有的一样就可以,端口要改成上面说的端口。
5. 至此,项目就部署完毕。顺便附上qq音乐项目的地址wangdefa.top
示范:
image-20220119180701108.png