1.电脑系统 windows10专业版
2.在开发实现之后,咱们须要部署,在这里我抉择的是nginx,上面我来分享一下把nginx配置为开机自启动.
3-1.下载 WinSW

// 64位下载地址为:https://github.com/winsw/winsw/releases/download/v2.3.0/WinSW.NET2.exe

3-2.将下载的 WinSW.exe文件重命名为nginxservice.exe并放在服务器nginx的装置目录下

3-3.在nginx装置目录下新建一个ngingxservice.xml文件，内容为:

<service>    <id>nginx</id>    <name>nginx</name>    <description>nginx</description>    <logpath>D:\nginx-1.20.1</logpath>    <logmode>roll</logmode>    <depend></depend>    <executable>D:\nginx-1.20.1\nginx.exe</executable>    <stopexecutable>D:\nginx-1.20.1\nginx.exe -s stop</stopexecutable></service>
// 留神:依据nginx装置目录不同,// 批改对应的logpath、executable、stopexecutable标签

4.cmd(管理员身份)进入nginx的装置目录,执行:nginxservice.exe install命令,而后进入零碎服务,看是否注册nginx服务胜利并且查看是否设置为主动启动

到此，nginx就被注册为零碎服务了，并且设置为开机自启

5.nginx代理后刷新显示404

通过首页进入拜访页面失常，F5刷新之后呈现谬误404。
//起因剖析:起因是因为web单页面开发模式,只有一个index.html入口,其余门路是前端路由去跳转的,nginx没有对应这个门路,当然就是404了。

6.解决nginx代理后刷新显示404

location / {            root   D:/aiqitao/aiqitao/dist;            index  index.html index.htm;            try_files  $uri $uri/ /index.html; //要害代码        }
在配置中加上try_files,意思跟翻译差不多,"尝试读取文件"。uri这个是nginx 的一个变量,寄存着用户拜访的地址,例如http://localhost:8200/chooseSize那么uri这个是nginx的一个变量,寄存着用户拜访的地址,例如http://localhost:8200/chooseSize那么uri这个是nginx的一个变量,寄存着用户拜访的地址,例如http://localhost:8200/chooseSize那么uri就是/chooseSize;uri/代表拜访的是一个目录例如http:localhost:8080/chooseSize/那么uri/代表拜访的是一个目录例如http://localhost:8200/chooseSize/那么uri/代表拜访的是一个目录例如http://localhost:8200/chooseSize/那么uri/就是/chooseSize/;最初/index.html就是咱们首页的地址。最终下面的意思是如果第一个存在,间接返回;不存在的话读取第二个,如果存在,读取返回;如果还是不存在,就会fall back到 try_files 的最初一个选项 /index.html,发动一个外部 "子申请",也就是相当于 nginx 发动一个 HTTP 申请到 http://localhost:8200/index.html,再通过前端路由到/chooseSize。

7.如果更新了dist文件,刷新页面还是之前的,解决办法如下

右击,抉择重新启动
//再次刷新页面之后,就是最新的页面数据了

8.本期的分享到了这里就完结啦,心愿对你有所帮忙,让咱们一起致力走向巅峰。