使用nginx部署项目，实现在手机上查看页面

一、下载nginx

官网地址：http://nginx.org/en/download.html
选择合适的版本进行下载解压
二、打包项目
将自己本地项目npm run build打包，会出现一个dist文件夹，将该文件夹复制到nginx目录html文件夹中，并将dist文件夹中index.html文件复制到html根目录下


三、配置文件



将root 路径配置为本地路径dist文件夹下
四、本地nginx路径cmd启动，命令nginx -s reload 重新启动nginx,双击
在浏览器输入localhost启动就可查看页面
四、手机查看*
win+r-----cmd—ipconfig 查看ip地址（切记自己本地ip地址）
在手机端浏览器输入自己IP地址+index.html
例子：198.163.0.12/index.html

自己平时学习笔记