因为期末了,要检查web大作业,虽然没有要求,但我想把项目部署一下,以免每次都要打开运行了,部署过踩了许多坑,这里总结一一下这次部署的流程吧。项目我个人进行前后端分离的全栈开发,有后台,后台部署的过程由于篇幅原因将在下一篇中讲解

准备工作

准备一台虚拟机或者云服务器(linux系统)

首先,由于真实的项目基本上都部署在linux系统上,因此为了贴近真实,我们需要准备一台带有linux系统的虚拟机或者云服务器,由于虚拟机不能在自己的电脑关机了以后继续运行,因此这里推荐云服务器,目前用过阿里云,腾讯云两款云服务器部署项目,操作基本上都十分简单。
新用户可以在腾讯云和阿里云平台都有两周的免费云服务器可以领取,可便学习使用。
腾讯云赠送的云服务器2周
在这里插入图片描述
在这里插入图片描述
这样我们就有一个云服务器可以使用了

远程连接云服务器

点击我们的服务器,点击重置密码
在这里插入图片描述
记住重置后的密码,重置后等待服务器重新启动。
服务器重新启动完毕之后,我们需要一个远程连接的软件
这里我使用的是Xshell7he和Xftp7,一个用来控制终端,一个用来传输文件。
在这里插入图片描述
准备好这两个软件之后,我们打开Xshell7

在这里插入图片描述
初始界面如下,默认情况下连接的是本地shell,也即是和dos窗口是同一个效果。
在这里插入图片描述
因为我们要远程连接云服务器,所以肯定不是用本地shell,我们选择新建
在这里插入图片描述
这里要输入的内容不多,在名称位置输入名称,以及在主机位置输入主机的公网IP即可,点击下一步
在这里插入图片描述
随后就会让我们输入用户名和密码,用户名就是root,密码就是之前重置过后的密码。
在这里插入图片描述
在这里插入图片描述
验证无误后,我们就进入了云服务器的终端,可以输入命令操控云服务器了
在这里插入图片描述

部署Vue项目

打包Vue项目

在终端输入npm run build会在项目目录下生成一个dist文件,这就是我们需要运行的的打包好的项目。
在这里插入图片描述

下载安装nginx

我们的项目是在nginx上部署的,因此需要在云服务器上下载安装一个nginx。现在提供两种方式安装。

  1. 在官网上下载linux的安装包,然后用Xftp传到云服务器上,解压安装。
  2. 使用宝塔面板进行一键安装
    因为我们不仅要安装nginx ,还需要安装其他软件,就选用宝塔面板的安装方式了,对于下载多个软件十分高效迅速。

我们进入宝塔官网在这里插入图片描述
可以看到四个命令行脚本,我们选择对应云服务器系统的脚本就行了
在这里插入图片描述
这里我使用的是centos7.6系统,因此使用的是第一个脚本

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec

将这行脚本输入到命令行,我们就安装完毕了。
在这里插入图片描述
安装结束后,在打印的日志中会有一个网址,一个用户名和密码,我们需要记录下这个网址,和用户名密码,之后会用到

复制网址在浏览器中打开。输入用户名和密码,我们就来到了宝塔界面
在这里插入图片描述
进入软件商店,我们就可以下载nginx了
在这里插入图片描述
下载完,我们回到Xshell,由于命令行看不太清楚,我们选择Xftp打开,就可以看见在/www/server/下就已经有了一个nginx了
在这里插入图片描述
然后我们进入到nginx文件目录下
在这里插入图片描述

部署项目,启动nginx

可以看到有很多文件。我们这次会用到的有conf,html和sbin三个文件
请添加图片描述
html是我们项目部署的文件
在这里插入图片描述
我们将打包好的dist文件拖动到下面的html下面。这是项目就部署完成了

然后我们要启动nginx服务器,我们需要在腾讯上把80端口放开在这里插入图片描述
然后在宝塔面板上把80端口放开在这里插入图片描述 由于80是nginx默认的端口号,要想外网能够访问网站,启动之前我们要保证这个80端口号是放开状态的,在腾讯云和宝塔上都要放开
接下来我们进入到sbin目录下

nginx //启动nginx
nginx -s reload //重启nginx
nginx -s quit //等待完成相关工作后,停止nginx
nginx -s stop //强行停止nginx

在这里插入图片描述
我们这里启动nginx服务器

最全的Linux教程,Linux从入门到精通

======================

  1. linux从入门到精通(第2版)

  2. Linux系统移植

  3. Linux驱动开发入门与实战

  4. LINUX 系统移植 第2版

  5. Linux开源网络全栈详解 从DPDK到OpenFlow

华为18级工程师呕心沥血撰写3000页Linux学习笔记教程

第一份《Linux从入门到精通》466页

====================

内容简介

====

本书是获得了很多读者好评的Linux经典畅销书**《Linux从入门到精通》的第2版**。本书第1版出版后曾经多次印刷,并被51CTO读书频道评为“最受读者喜爱的原创IT技术图书奖”。本书第﹖版以最新的Ubuntu 12.04为版本,循序渐进地向读者介绍了Linux 的基础应用、系统管理、网络应用、娱乐和办公、程序开发、服务器配置、系统安全等。本书附带1张光盘,内容为本书配套多媒体教学视频。另外,本书还为读者提供了大量的Linux学习资料和Ubuntu安装镜像文件,供读者免费下载。

华为18级工程师呕心沥血撰写3000页Linux学习笔记教程

本书适合广大Linux初中级用户、开源软件爱好者和大专院校的学生阅读,同时也非常适合准备从事Linux平台开发的各类人员。

需要《Linux入门到精通》、《linux系统移植》、《Linux驱动开发入门实战》、《Linux开源网络全栈》电子书籍及教程的工程师朋友们劳烦您转发+评论

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化的资料的朋友,可以点击这里获取!

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐