当前位置: 首页 > news >正文

Vue - 打包部署

vscode找到NPM脚本,点击build

在这里插入图片描述

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

在这里插入图片描述

安装Nginxnginx: download

在这里插入图片描述

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

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

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

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

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

在这里插入图片描述


http://www.mrgr.cn/news/44195.html

相关文章:

  • 如何避免任务延误:从原因到策略的全面解析
  • 18448 最小生成树
  • 使用树莓派搭建音乐服务器
  • AI配音(声音克隆)
  • Windows搭建RTMP服务器
  • 排队打水(贪心)
  • 使用frp将树莓派穿透到外网
  • MySQL 实验 7:索引的操作
  • TypeScript:装饰器
  • springboot文件上传(阿里云oss)
  • 重学SpringBoot3-集成Redis(三)之注解缓存策略设置
  • PPPoE协议个人理解+报文示例+典型配置-RFC2516
  • 制作离线版Koczkatamas工具包
  • C++模版SFIANE应用踩的一个小坑
  • Redis Stack十部曲之五:管理Redis
  • Android 组件化利器:WMRouter 与 DRouter 的选择与实践
  • 系统架构设计师论文《论SOA在企业集成架构设计中的应用》精选试读
  • 如何在 MySQL 中实现数据压缩
  • 【C++11】新特性
  • Linux网络命令:如何查看linux系统防火墙开放的端口有哪些?多种方法来查看系统开放的网络端口号,包括TCP端口和UDP端口