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

devtools/2025/3/22 9:23:10/

目录:

    • 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.ppmy.cn/devtools/169121.html

相关文章

Ubuntu20.04 Bevfusion TensorRt部署

记录一下第一次跑BevFusion的时候遇到的问题,网上相关资料较少,因此分享给大家如遇同样的问题 由于我的电脑是新配的5070,所以基本上驱动啥的都是最新版本 我的环境 os:ubuntu20.04 Tesnort:TensorRT-10.9.0.34 cuda:12.8 cudnn:8.9.7 pro…

在 Ubuntu 中用 Docker 安装 RAGFlow

一、安装 1.前提条件 CPU > 4 核 RAM > 16 GB Disk > 50 GB Docker > 24.0.0 & Docker Compose > v2.26.1 安装docker:在Ubuntu中安装Docker并配置国内镜像 2.设置 vm.max_map_count #设置 vm.max_map_count 不小于 262144# 查看 sysctl vm.…

Google C++编码规范指南(含pdf)

Google C 编码规范的核心内容 1. 核心目标:通过统一的代码风格和命名规则,确保代码易于阅读和维护。避免复杂结构(如多重继承、复杂模板),优先使用简单、直观的实现方式。减少潜在的内存泄漏、悬空指针等问题&#xff…

基于SpringBoot+Vue3实现的宠物领养管理平台功能一

一、前言介绍: 1.1 项目摘要 随着社会经济的发展和人们生活水平的提高,越来越多的人开始关注并参与到宠物领养中。宠物已经成为许多家庭的重要成员,人们对于宠物的关爱和照顾也日益增加。然而,传统的宠物领养流程存在诸多不便&a…

(每日一道算法题)交易逆序对的总数

LCR 170. 交易逆序对的总数 - 力扣(LeetCode) 在股票交易中,如果前一天的股价高于后一天的股价,则可以认为存在一个「交易逆序对」。请设计一个程序,输入一段时间内的股票交易记录 record,返回其中存在的「…

《白帽子讲 Web 安全》之开发语言安全深度解读

目录 引言 1.PHP 安全 1.1变量覆盖 1.2空字节问题 1.3弱类型 1.4反序列化 1.5安全配置 2Java 安全 2.1Security Manager 2.2反射 2.3反序列化 3Python 安全 3.1反序列化 3.2代码保护 4.JavaScript 安全 4.1第三方 JavaScript 资源 4.2JavaScript 框架 5.Node.…

vue3:八、登录界面实现-忘记密码

该文章实现登录界面的忘记密码功能,点击忘记密码文本,打开dialog对话框 一、页面效果 加入忘记密码,在记住密码的同一行中,实现flex-between 二、对话框实现 1、新建组件页面 2、引入dialog组件到组件页面 参考路径 Dialog 对…

<el-form >ref数据监测不到的原因

<template><el-form ref"container"><el-form-item><el-input v-model"inputValue" placeholder"请输入内容"></el-input></el-form-item></el-form> </template><script setup> import …