vue项目部署到服务器nginx(超简单)

nginx服务器是一个轻量级、又简单的服务器,所以,对我来说,部署我的vue项目就选择它了。

首先,下载nginx服务器,官网下载地址http://nginx.org/en/download.html。我选择的是1.8.1版本。

vue项目部署到服务器nginx(超简单)_第1张图片

下载完后,解压到自定义目录。目录结构如下:

vue项目部署到服务器nginx(超简单)_第2张图片

输入cmd,开启nginx服务

vue项目部署到服务器nginx(超简单)_第3张图片

如果你碰到了0.0.0.80: failed这样的错误,错误在logs的errors.log里查看。说明端口号被占用,修改conf里的nginx.conf的配置:

vue项目部署到服务器nginx(超简单)_第4张图片

把端口号修改成没有被占用的端口号,并在root那儿部署你的vue项目。完成后保存。输入命令: nginx.exe -s reload重新加载nginx服务器

vue项目部署到服务器nginx(超简单)_第5张图片

出现了nginx.pid说明nginx启动成功 。接下来,输入http://127.0.0.1:端口号,就可以看到你的项目了。

vue项目部署到服务器nginx(超简单)_第6张图片

你可能感兴趣的:(vue项目部署到服务器nginx(超简单))