关于vue.js:极简windows下vuejs打包用Nginx部署http服务

54次阅读

共计 349 个字符,预计需要花费 1 分钟才能阅读完成。

做法

首先在 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 命令:

正文完
 0