Nginx下载与配置本地vue项目

今天我们来学习一下Nginx的下载与配置本地项目(图文详细版)

这里就不介绍Nginx的详情了,想了解的同学可以自行搜索,本帖仅提供安装及配置

1. 安装Nginx,接下来就是一路的next
   

2. 安装后在我们自己本地的项目终端执行npm run build,然后等执行完后就会在你本地出现一个dist文件(可以会隐藏,看不到的小伙伴可以)
   

3. 打开项目的dist文件,把这些文件全部放到这一个目录里面(我这已经放好了)

4. 然后配置这里的内容

5. 往下看

6. 这样子就差不多了,我们可以进入到我们nginx的终端输入start nginx,就可以访问了
   

7. 关闭的时候输入nginx -s stop(光速关闭)||nginx -s quit(有序关闭)
   

新手尝试,肯定会有不完善的地方,还请大家多多指教