前端基础部署-nginx

第一步 打包项目

前端项目在创建时，使用的vite脚手架。vite脚手架中自带build命令，可以在package.json中查看

1. 在当前文件夹的终端中输入npm run build

2. 执行结束后生成一个dist文件夹

第二步 部署

nginx提供一个容器，可以运行当前已打包的文件

1. 下载nginx，稳定（stable）版

2. 在当前nginx目录下，打开终端，输入.\nginx.exe，回车运行nginx。看到没有报错，光标在闪烁就证明运行成功。注意：不要关闭终端窗口

3. conf文件夹的nginx.conf文件里，http中配置server对象的listen，server_name，location属性。其中root路径为项目运行npm run build后打包好的dist文件路径

若为https，在https server对象里额外再配置ssl，需要在申请域名时查看证书，再填写对应属性的值

在浏览器输入server_name属性的值（自己定义的域名或者IP）: listen属性的值（端口号）即可进入项目