前端将项目部署到服务器(Nginx)的完整步骤

我们在会开发项目的同时，也应该了解一下前端是如何部署项目的；,使用Xshell连接服务器，既然想要在服务器上面放静态资源，像HTML，js等，就需要安装静态资源服务器。静态资源服务器有Apache和Nginx，这里我们选用nginx。,找到安装包Nginx安装路径，并在目录下进行解压。,进入解压好的Nginx目录下：,找到安装目录：,启动服务：,或者进入Nginx目录下启动：,输入服务器名称、地址、端口号，连接成功后会让你输入账号和密码，账号一般是默认的root。,,在Xshell中启动Nginx：,连接Xftp，进行文件传输。服务器的根目录是 /root ，这里可以创建一个自己的项目文件目录进行静态资源文件的存放。直接把打包后的dist文件放在目标目录即可。,在Xhell中进行Nginx的配置：,按insert键进入编辑模式，说明以及配置文件如下：,修改完成后：wq 保存退出。,最后在浏览器中输入：http://127.0.0.1:8777/即可访问部署成功的项目；,,