② 在编译器中,将你的 nginx文件夹下 找到 conf文件夹 ,然后进入到 nginx.conf文件,找到server,将server和括号里面的内容用#注释掉(注释的时候要小心,不能注释多也不能注释少,一定要精准,精准你懂吧)
③ 在conf文件夹下创建一个 conf.d文件夹 (该名字随意起),在这里我们可以在conf.d文件夹下创建一个 test.conf文件,在后期你可以创建多个.conf文件,来配置你的多个项目的server
④ 在nginx.conf文件中把这行代码在http括号里面找个地方放下,include后面跟的是你conf.d文件夹的绝对路径,这句代码的意思就是匹配下面所有的conf文件,这是我的,你把后面的路径改成你的就可以,注意要把斜杠改成反斜杠/
include D:/nginx-1.14.1/conf/conf.d/*.conf //这是我的,你把路径改成你的conf.d的绝对路径就可以,注意斜杠是’/’不是’’
⑤ 在你的test.conf文件中添加配置信息,这是配置信息的解释,大家可以根据我的配置信息demo来配置你的
server {
listen 80; ------端口号
server_name localhost; ------域名
root 你的dist文件夹的绝对路径; ------根
autoindex on; ------将你匹配的文件自动匹配到index.html
expires 1s; ------缓存(只是为了演示才写的)
charset utf-8; location /匹配路径{
proxy_pass 接口反向代理的目标target; ------在这里配置你的反向代理,若要配置多个代理路径,将此代码复制多个修改即可
}
location / {
try_files $uri $uri/ /index.html; ------这是从vue官网抄过来的配置,意义在于保证一旦我们的路由刷新的时候一旦后端找不到对应的路由,将自动跳转到index.html文件
}
}
– 我贴出来一个配置信息demo,大家可以根据这个demo来修改你的
server {
listen 80;
server_name localhost;
root E:/nginx-root/dist;
autoindex on;
charset utf-8; location /index/hotsShowList {
proxy_pass http://www.baidu.com;
}
location / {
try_files $uri $uri/ /index.html;
}
}
6.最后,准备享受成功的喜悦
重启Nginx服务器,浏览器访问localhost:你的端口号,在这里我设置的是默认值80,你的可以随意,不过最好也设成80把,当你按下回车的那一刻,你的项目已经跑起来了,恭喜你,部署成功,现在,双手离开键盘,摘下你的耳机,可以欢呼了!!!
三、最后给大家做个小结,总结一下本地部署用到的一些命令
start nginx //开启nginx服务
nginx -s stop //关闭nginx服务,(你可以关闭服务再重新开启服务来达到重启nginx服务的效果)










