【前端Vue】nginx部署vue windows版本

1、下载nginx http://nginx.org/en/download.html
在这里插入图片描述
【前端Vue】nginx部署vue windows版本_第1张图片
2、启动nginx
【前端Vue】nginx部署vue windows版本_第2张图片
点击nginx 或者进入cmd 启动。启动成功时, 在浏览器中输入localhost会出现下面这个页面
【前端Vue】nginx部署vue windows版本_第3张图片
3、将vue的进行build,找到dist文件夹,将文件夹放入nginx下的html文件夹下,(注意这里不需要重启)重启nginx 命令是nginx -s reload
【前端Vue】nginx部署vue windows版本_第4张图片
4、然后浏览器输入http://localhost/dist/index.html 就展现出vue项目的页面了(注意地址跟你放在nginx下的路径的问题)
5、react项目主要直接把build放到html文件夹下就行。

你可能感兴趣的:(前端,前端,vue.js,nginx)