欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 汽车 > 维修 > Vue - 打包部署

Vue - 打包部署

2024/10/25 18:35:40 来源:https://blog.csdn.net/qq_63432403/article/details/142733337  浏览:    关键词:Vue - 打包部署

vscode找到NPM脚本,点击build

在这里插入图片描述

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

在这里插入图片描述

安装Nginxnginx: download

在这里插入图片描述

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

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

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

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

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

在这里插入图片描述

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com