前端项目通过宝塔上线

今天将一个之前做的前端项目进行上线。

使用框架：React

打包工具：webpack

首先通过npm run build 命令，将项目打包。

购买云服务器：

云服务器可以选择阿里云或腾讯云的，我选的是阿里云的。服务器的地域可以选则香港的，若选择国内需要备案，比较麻烦。

根据自己的情况选择合适的

 这个是我买的服务器的基本信息：

若有什么不会的可以在网上查找相关教程。

安装宝塔：

在服务器购买完毕后，登陆服务器，就可以安装宝塔了

宝塔面板下载，免费全能的服务器运维软件 (bt.cn)

下载完毕后在最后

会出现上面图片中的信息，将该信息保存下来，后面要用。

根据信息的提示，先放行端口。在云服务器ESC控制面板中，找到安全组。

点击手动添加，将放行端口复制进去，授权对象为IPV4，然后保存，这样就可以进入宝塔页面了。

然后复制外网地址，打开。进入和先登录，账号就是上面的username和password.登陆后就进入如下界面。然后根据提示下载好自己所需的环境。

项目上线：

点击网站，后点击添加站点.

这个域名可以在腾讯云或阿里云上购买，后者也可以买国外的。

输入域名后,点击确认

然后点击根目录，这个根目录就是放置到包好的项目的地方。

点击上传，找到自己项目打包好的build文件，上传到根目录上

可以将build上的文件给复制出来。如上所示。

上传完毕后，返回网站。

复制自己的网站名，然后打开

成功上线。