我们首先来到前端项目中,打开终端,在终端输入打包命令:npm run build
打包后的文件放在dist目录下
接下来我们来下载Nginx,去到官网:https://nginx.org/
下载后将其解压到没有中文的目录下,解压后目录结构是这样子滴
接下来我们就可以把打包好的dist目录下的文件放到nginx安装目录下的html里面(复制过来,html 这里面的文件可以删掉噢)
Nginx服务器默认占用80端口,在此之前我们要修改端口号
然后访问 http://localhost:90
完成!
常用命令
强制停止nginx:nginx -s stop
安全退出nginx:nginx -s quit