Nginx部署

一、修改项目配置文件（按需求）

例如：生产环境开发环境baseUrl等等

二、build打包项目

    $ npm run build
    $ yarn build

三、官网下载Nginx

官网地址：http://nginx.org/en/download.html

四、下载后解压缩

不能放在中文文件夹下，会有bug

conf文件夹：Nginx配置

html文件夹：存放项目build后生产的dist目录里面的东西

nginx.exe：运行程序（如遇点开闪退，可能端口被占,可参考解决方法）

五、部署

将项目打包后的东西放到html文件夹下，启动Nginx

常用Nginx命令，参照linux命令

Windows环境下

在nginx安装目录下按住shift+右键打开命令窗口

start nginx ----- 启动服务
.\nginx.exe -s reload ---- 重启服务
nginx.exe -s stop或nginx.exe -s quit   --- 停止服务（stop快速停止，不保存相关信息）

六、坑

部署后可能会遇到打开页面刷新后报404

打开conf下的nginx.conf（备份一份再修改）

添加如下代码

 try_files $uri $uri/ /index.html;

linux环境下进入sbin文件夹，重载配置文件

./nginx -s reload