做法
首先在vue我的项目下npm run build
,在我的项目目录会呈现dist
文件夹。
而后下载Nginx,看其官网是http服务和反向代理服务的实现程序。解压后能够看到目录构造中有一个html目录,删掉原有的,复制进去dist
目录的所有内容(是dist文件外面的内容,不是dist文件夹)。
而后能够双击nginx.exe
,在浏览器拜访localhost:80
就能够了。
解释
能够看到Nginx很简略,就是一个服务程序。
下载解压后,能够看到conf
目录是Nginx的配置文件夹、logs
是运行日志,html是网页的根目录,只有放入vue打包好的html就能够了。
不过大家显然都在Linux下应用http服务了,不过操作都差不多。
当然除了这种“双击运行”,windows下官网也给了old style命令: