Windows安装Nginx及部署vue前端项目操作

先在nginx官网下载windows下安装的包，并解压，到ngnix目录下

1. 双击nginx.exe,会有黑窗闪过。

2. 用cmd命令窗口，cd 到nginx解压目录，./nginx启动。

3. 在浏览器中访问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