先在nginx官网下载windows下安装的包,并解压,到ngnix目录下
-
双击nginx.exe,会有黑窗闪过。
-
用cmd命令窗口,cd 到nginx解压目录,
./nginx
启动。 -
在浏览器中访问
http://localhost:80
,出现以下界面说明启动成功(由于笔者电脑80端口被占用,所以更改为8080,nginx默认为80端口)。
之后将打包vue生成的dist文件放到ngnix目录下的html文件夹下
1.修改nginx.conf配置文件
2.修改后台接口配置,这里proxy_pass 这里的url必须和vue.cofig.js里访问后台的url一致
自此,nginx部署vue项目完毕,可以访问
Nginx开机自启操作
提示:在nginx目录下没有nginx-service.exe、nginx-service.xml、nginx-service.exe.xml三个文件,需要自己新增
1.下载winsw,下载地址为:https://repo.jenkins-ci.org/artifactory/releases/com/sun/winsw/winsw/,将winsw-2.9.0-bin.exe复制到nginx目录下,并重命名为nginx-service.exe
2.在nginx目录下新增文件nginx-service.xml,内容为:
<?xml version="1.0" encoding="UTF-8" ?>
<service><id>nginx</id><name>nginx</name><description>High Performance Nginx Service</description><logpath>e:\nginx\logs</logpath><log mode="roll-by-size"><sizeThreshold>10240</sizeThreshold><keepFiles>8</keepFiles></log><executable>e:\nginx\nginx.exe</executable><startarguments>-p e:\nginx</startarguments><stopexecutable>e:\nginx\nginx.exe</stopexecutable><stoparguments>-p e:\nginx -s stop</stoparguments>
</service>
3.在nginx目录下新增文件nginx-service.exe.xml
<?xml version="1.0" encoding="UTF-8" ?>
<configuration><startup><supportedRuntime version="v2.0.50727" /><supportedRuntime version="v4.0" /></startup><runtime><generatePublisherEvidence enabled="false" /></runtime>
</configuration>
4.以管理员身份打开cmd,输入:nginx-service.exe install,执行完成后nginx就增加到windows服务中,服务名称为nginx