1、官网下载nginx:http://nginx.org/en/download.html
在这里插入图片描述
2、下载之后是个文件夹:启动.exe
在这里插入图片描述
3、在浏览器输入localhost,若不成功,则修改nginx的目录下找到conf,找到一个nginx.conf的文件
在这里插入图片描述
在这里插入图片描述
4、然后修改端口号
在这里插入图片描述
5、再次输入localhost:端口号,出现如下界面则成功
在这里插入图片描述
6、在vue项目下,输入命令npm run build ,会出现dist文件夹
7、复制dist文件夹下的index.html和static文件夹
在这里插入图片描述
8、粘贴这两个文件到nginx目录下的html目录,删除改文件夹下的所欲偶文件
在这里插入图片描述
在这里插入图片描述
9、再次浏览器localhost:端口号即可启动项目

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐