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

阿里云平台Vue项目打包发布

目录:

    • 1、vue项目打包
    • 2、通过ngixn发布vue的打包文件

1、vue项目打包

在这里插入图片描述
在这里插入图片描述

在你的vue项目下执行npm run build命令进行打包。

在这里插入图片描述
在这里插入图片描述

2、通过ngixn发布vue的打包文件

直接将打包的dist文件拷贝到nginx目录下即可。

在这里插入图片描述

修改nginx.conf的配置文件的相关配置,如端口或者root dist。

在这里插入图片描述

运行的直接执行nginx的启动命令就可以启动项目了。

然后直接外网地址走80端口就直接能访问到vue的项目。

在这里插入图片描述


http://www.kler.cn/a/596180.html

相关文章:

  • EtherCAT 八口交换机方案测试介绍,FCE1100助力工业交换机国产芯快速移植。
  • 《Python实战进阶》No26: CI/CD 流水线:GitHub Actions 与 Jenkins 集成
  • DeepSeek 3FS 与 JuiceFS:架构与特性比较
  • C++《红黑树》
  • 微信小程序登陆之反向代理
  • 接口自动化测试框架详解
  • LLM(大型语言模型) 和 VLM(视觉语言模型)
  • Cursor IDE 入门指南
  • 基于springboot的甘肃非物质文化网站(030)
  • 多语言生成语言模型的少样本学习
  • 由于 “系统找不到指定的路径” 导致Pymol_1.8_win-7_64bit 安装失败的原因分析与解决方法
  • Qt 关键技术点总结与实践经验
  • WireShark与rtps协议组合使用
  • Spring Data JPA 参数陷阱:从 500 错误到完美解决的奇妙之旅 ✨
  • 【论文笔记】Transformer
  • 【ELK】节省存储 之 压缩存储方式调整
  • vscode + latex workshop + sumatraPDF
  • JVM常用概念之隐式空值检查
  • TouchSocket TcpService:构建高性能Tcp服务的终极利器
  • 基于SpringBoot + Vue 的鲜花商城管理系统