使用nginx在windows服务器上部署vue项目

一、下载nginx

Nginx下载官方网址:http://nginx.org/en/download.html
使用nginx在windows服务器上部署vue项目_第1张图片
选择稳定版本,下载zip文件,经过解压
使用nginx在windows服务器上部署vue项目_第2张图片
就可以得到以上的文件夹,可以直接点击nginx.exe进行运行,也可以
在这里插入图片描述
通过命令行运行

start nginx

然后就可以访问
使用nginx在windows服务器上部署vue项目_第3张图片

二、配置dist

使用nginx在windows服务器上部署vue项目_第4张图片
把前端打包的dist文件,放到html里边使用nginx在windows服务器上部署vue项目_第5张图片
然后打开nginx.conf文件,进行修改配置
使用nginx在windows服务器上部署vue项目_第6张图片
然后就可以访问了

注意

1、nginx的文件夹最好不要以n开头不然/n会被转译
2、打开nginx进程过多,可以用一下命令全部关闭
使用nginx在windows服务器上部署vue项目_第7张图片

taskkill /f /t /im nginx.exe

你可能感兴趣的:(个人总结,nginx)