nginx-项目在windows下的本地部署，在linux的远程部署

image.png

一，在windows本地部署
1，在官网下载nginx的稳定版 stabl,2，解压文件，双击nignx.exe3,打开浏览器 出现hello nginx页面说明成功

image.png

4，将vue项目打包 把dist文件放在nginx的html文件夹

image.png

5，把dist文件夹里的东西拖出来放在html目录下
6，打开浏览器输入localhost（或者127.0.0.1） 可以访问你的项目了
（127.0.0.1和0.0.0.0都表示本地主机）

nginx默认会去找html文件夹的html文件

conf文件夹下的ngnix.conf里面设置了寻找的路径为html文件夹下的index.html

image.png

image.png

如果不想把dist文件夹里的东西都拖出来放在html文件夹里，可以直接放在ngnix文件夹下并修改寻找的路径为dist，然后重新启动

image.png

image.png

image.png

nginx也可以在这个文件夹设置反向代理来解决跨域问题

二，在linux上远程部署
1，首先你得有自己的服务器 然后选择服务器的操作系统 这里选择linux 的centos 一般安装linux的时候会自带一个yum yum是一个安装包的管理程序 相当于 npm yarn 这种
远程部署步骤：
要在本地登录远程主机，（Mac自带ssh登录到远程主机），但windows没有，可以通过两个软件连接远程主机
1，winscp

image.png

2,ssh

连接上远程服务器之后执行下列操作

image.png

nginx文件夹在/etc文件夹中 （不是root文件夹）