nginx(windows)如何部署vue项目

一、安装windows系统的nginx，见如下地址：

http://nginx.org/en/download.html

一般下载稳定版的

二、打包项目

npm run build 生成dist文件

三、将dist目录下的文件放在nginx所对应的html目录下

1.记得先删除原本自带的css文件再粘贴

 

 

 继续html文件内部

 

 

 四、配置nginx的配置文件

 

 

 如下：

 

 

 五、在地址栏访问：http://localhost:8081