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

Vue - 打包部署

vscode找到NPM脚本,点击build

在这里插入图片描述

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

在这里插入图片描述

安装Nginxnginx: download

在这里插入图片描述

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

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

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

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

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

在这里插入图片描述


http://www.kler.cn/news/336525.html

相关文章:

  • 将excel导入SQL数据库
  • 三菱FX3UPLC定位模式介绍
  • postgresql|数据库|postgis编译完成后的插件迁移应该如何做(postgis插件最终章)
  • JavaEE: 深入解析HTTP协议的奥秘(1)
  • Python库pandas之六
  • 滚雪球学Oracle[3.2讲]:查询与数据操作基础
  • Android广播
  • 深入掌握 Golang 单元测试与性能测试:从零开始打造高质量代码!
  • 公开且免费的天气查询API
  • idea远程连接docker
  • 高级java每日一道面试题-2024年10月1日-服务器篇[Redis篇]-Redis数据结构压缩列表和跳跃表的区别?
  • 自闭症寄宿学校陕西:提供综合发展的教育环境
  • 确保接口安全:六大方案有效解决幂等性问题
  • 旅游行业解决方案:基于SpringBoot的系统开发
  • 自动驾驶系列—全面解析自动驾驶线控制动技术:智能驾驶的关键执行器
  • IDEA创建、导入、删除maven项目
  • Linux·环境变量与进程地址空间
  • 制造业该如何应用大数据?
  • 【C++并发入门】opencv摄像头帧率计算和多线程相机读取(下):完整代码实现
  • vue2和vue3全面对比