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

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

目录:

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

1、vue项目打包

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

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

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

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

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

在这里插入图片描述

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

在这里插入图片描述

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

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

在这里插入图片描述

相关文章:

  • 识别并脱敏上传到deepseek/chatgpt的文本文件中的护照信息
  • 晶鑫股份迈向敏捷BI之路,永洪科技助力启程
  • 天梯赛 L2-011 玩转二叉树
  • 使用uniapp的vite版本进行微信小程序开发,在项目中使用mqtt连接、订阅、发布信息
  • 若依(RuoYi)框架新手使用指南
  • Bilve 搭建手册
  • L2TP的LAC拨号模式实验
  • 【SpringBoot】你不能不会的SpringBoot图形验证码生成
  • 自学Python创建强大AI:从入门到实现DeepSeek级别的AI
  • bootstrap介绍(前端框架)(提供超过40种可复用组件,从导航栏到轮播图,从卡片到弹窗)bootstrap框架
  • 1688商品数据实战:API搜索接口开发与供应链分析应用
  • Linux--进程创建
  • CTF类题目复现总结-[WUSTCTF2020]girlfriend 1
  • wpa_supplicant驱动初始化源码分析
  • Gin框架学习
  • 【sgFloatDialog】自定义组件:浮动弹窗,支持修改尺寸、拖拽位置、最大化、还原、最小化、复位
  • Vue3 在组件中判断事件是否注册
  • js原型链与自动装箱机制
  • 从OSI七层网络模型角度了解CAN通信协议
  • 关于金融开发领域的一些专业知识总结
  • 首次带人形机器人走科技节红毯,傅利叶顾捷:机器人行业没包袱,很多事都能从零开始
  • 俄乌直接谈判结束
  • 广西百色“致富果”:高品质芒果直供香港,带动近五千户增收
  • 上海老字号卖黄金,与动漫IP联名两周销售额近亿元
  • 淄博一酒店房间内被曝发现摄像头,当地警方已立案调查
  • “多规合一”改革7年成效如何?自然资源部总规划师亮成绩单