第一章：安装部署服务器nginx

vue的项目是部署到ngnix服务器上的

ngnix安装时不能有中文路径

首先要去nginx官网下下载nginx：

下载地址：https://nginx.org/en/download.html

 

下载下来会是一个解压包，解压到你想放的文件夹下

 

 

运行nginx.exe，然后打开浏览器输入localhost出来如下图片所示就说明成功了：

 

 

然后如果没有成功出来的话也不要慌不要怕，可能是你的端口被别的内容所占了这时你就打开你的nginx的目录下找到conf

 

 

点击进去然后找到一个nginx.conf的文件

 

 

然后把它用编辑器的方式打开，打开之后找到这里的sever的listen就是你的端口号，默认的是80端口，你可以根据自己没有被占用的端口进行改写，改写完成之后保存然后打开你的localhost:你改写的端口号就OK了

 

上面是安装配置nginx服务器的方法，下面就是如何把自己的vue项目部署到你所安装配置的nginx服务器上的步骤了：