用nginx将Vue项目部署在服务器上

第一次将vue项目部署到windows服务器上，记录一下。

首先需要一台服务器（我的是window的，其他系统的服务器也类似），到阿里云或者腾讯云上购买。

在服务器上下载nignx，选择stable稳定版

安装好打开打开nginx.exe,点击即可（黑框一闪而过为正常）。

到浏览器输入localhost出现以下画面即正常启动了nginx。

 

接着将vue打包好的dist文件放入到你的服务器文件夹内。

修改安装nginx文件夹内，conf/nginx.conf

  修改server_name,为服务器公网的IP地址。

 root为存放打包好的dist文件夹的路径。

 更改后重新启动nginx就可以通过公网地址访问了。