自学内容网 自学内容网

Vue - 打包部署

vscode找到NPM脚本,点击build

在这里插入图片描述

目录下出现dist目录则表示安装成功。

在这里插入图片描述

安装Nginxnginx: download

在这里插入图片描述

目录用途
conf配置文件目录
html静态资源文件目录
logs日志文件目录
temp临时文件目录

将刚刚打包好的文件放到html目录下

点击nginx.exe,用localhost:默认端口(8080)进行页面访问。

如果默认端口被占或想要更改,可以点击conf/nginx.conf,将server中的端口进行修改。

若出现之前写的页面内容,那么表示部署成功。

在这里插入图片描述


原文地址:https://blog.csdn.net/qq_63432403/article/details/142733337

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!