nginx部署vue项目

第一步:将vue项目打包准备好

 

第二步:在Linux根目录下创建一个新的文件夹code,用于放置项目文件,操作指令为:

cd /  

mkdir code

 

第三步:安装WinSCP软件(用于将文件上传到服务器)

软件下载地址: https://download.youkuaiyun.com/download/liangmengbk/11522290

下载完成后按照下图方法操作:

 

 

第四步:安装完成后,接下来就是将本地打包好的文件上传到服务器的code文件夹中:

文件上传好了以后,接下来需要配置Nginx服务.

 

第五步:执行下面命令,进入default.conf配置文件中:

cd /

cd etc/nginx/conf.d

vim default.conf

配置信息如下图所示:

配置完成后保存并退出.

 

第六步:重启Nginx服务

执行命令:

nginx -s quit

nginx

 

最后在浏览器中输入公网IP或域名,就可以看到vue项目已成功部署了

 

 到此为止,vue项目已成功部署在Nginx服务器上了.