【极简】windows下,vuejs打包,用Nginx部署http服务

做法

首先在vue项目下npm run build,在项目目录会出现dist文件夹。

然后下载Nginx,看其官网是http服务和反向代理服务的实现程序。解压后可以看到目录结构中有一个html目录,删掉原有的,复制进去dist目录的所有内容(是dist文件里面的内容,不是dist文件夹)。
【极简】windows下,vuejs打包,用Nginx部署http服务_第1张图片【极简】windows下,vuejs打包,用Nginx部署http服务_第2张图片

然后可以双击nginx.exe,在浏览器访问localhost:80就可以了。

解释

可以看到Nginx很简单,就是一个服务程序。
下载解压后,可以看到conf目录是Nginx的配置文件夹、logs是运行日志,html是网页的根目录,只要放入vue打包好的html就可以了。

不过大家显然都在Linux下使用http服务了,不过操作都差不多。

当然除了这种“双击运行”,windows下官网也给了old style命令:
【极简】windows下,vuejs打包,用Nginx部署http服务_第3张图片

你可能感兴趣的:(vue.js)