首页 > 系统相关 >vue项目打包以及在nginx中部署

vue项目打包以及在nginx中部署

时间:2024-07-22 22:39:46浏览次数:16  
标签:vue dist 部署 nginx 文件夹 打包

——————vue项目打包

点击npm脚本下的build中的三角即可

没有npm脚本的话点下package.json,还没有的参考博客  https://www.cnblogs.com/yansans/p/18303172

 稍微等一会,打包完成后数据会放在新生成的dist目录中

 

 打包结束

 

 

——————在nginx中部署

在文件夹中打开刚刚打包的dist文件夹

 将dist文件夹中的文件复制到nginx的html文件夹中

 部署完成,之后启动nginx即可

标签:vue,dist,部署,nginx,文件夹,打包
From: https://www.cnblogs.com/yansans/p/18317169

相关文章

  • keepalived+nginx实现负载均衡
    1、安装keepalived(源码编译安装)wgethttps://www.keepalived.org/software/keepalived-2.3.0.tar.gztar-zxfkeepalived-2.3.0.tar.gzcdkeepalived-2.3.0&&  mkdir/data01/keepalived&& ./configure--prefix=/data01/keepalived&&make-j4&&......
  • java毕业设计-基于springboot+vue的校园二手交易系统,基于java的校园二手交易系统,基于j
    文章目录前言演示视频项目背景项目架构和内容获取(文末获取)具体实现截图前台功能管理后台技术栈具体功能模块设计系统需求分析可行性分析系统测试为什么我?关于我我自己的网站前言博主介绍:✌️码农一枚,专注于大学生项目实战开发、讲解和毕业......
  • 基于java+springboot+vue实现的公司日常考勤系统(文末源码+Lw)132
     基于SpringBoot+Vue的实现的公司日常考勤系统(源码+数据库+万字Lun文+流程图+ER图+结构图+开题报告+演示视频+软件包)选题背景及意义:分析企业的考勤管理系统过程可以看到,考勤管理系统中主要要解决的是:1.考勤信息的管理;2.考勤、出勤信息的请假及申请;3.给系统设定用户登录权......
  • 基于java+springboot+vue实现的在线课程管理系统(文末源码+Lw)133
     基于SpringBoot+Vue的实现的在线课程管理系统(源码+数据库+万字Lun文+流程图+ER图+结构图+演示视频+软件包)系统功能:本在线课程管理系统有管理员,教师,学生。管理员功能有个人中心,学生管理,教师管理,在线课程管理,课件信息管理,知识要点管理,教学计划管理,考试大纲管理,科目类型管理,......
  • 基于java+springboot+vue实现的在线课程管理系统(文末源码+Lw)133
     基于SpringBoot+Vue的实现的在线课程管理系统(源码+数据库+万字Lun文+流程图+ER图+结构图+演示视频+软件包)系统功能:本在线课程管理系统有管理员,教师,学生。管理员功能有个人中心,学生管理,教师管理,在线课程管理,课件信息管理,知识要点管理,教学计划管理,考试大纲管理,科目类型管理,......
  • 稍微整理一下前端面试可能会问的八股--VUE
    Vue基础Vue实例和生命周期Vue实例的创建过程。各个生命周期钩子的作用及其应用场景。--生命周期少不了,和vue2的区别等模板语法插值和指令(如v-bind、v-if、v-for、v-model等)。计算属性和侦听器计算属性(computed)和方法(methods)的区别。--必会侦听器(watch)的使......
  • vite+vue3+ts+pinis搭建项目框架
    一:使用vite快速创建脚手架1.创建新项目命令行输入后,依次选择vue->typescript。1yarncreatevitevite_vue3_typescript_pinia_template--template2.cd 到项目文件,安装依赖,启动项目1#进入项目文件夹2cdvite_vue3_typescript_pinia_template3#安装依赖4y......
  • Vuex 和 Pinia两种状态管理工具,该选择哪一个呢?
    文章目录1,Vuex2,Pinia3,计数器应用3.1,使用Vuex3.2,使用Pinia4,结论当项目逐渐变大时,状态管理的问题开始显现了出来。这时,两个强大的状态管理工具:Vuex和Pinia。该选择哪一个呢?1,VuexVuex是Vue.js的官方状态管理库。它采用集中式存储管理应用的所有组件的状态,并以......
  • thinkphp Nginx伪静态
    过滤api前缀location/{add_headerAccess-Control-Allow-Origin*;add_headerAccess-Control-Allow-Methods'GET,POST,OPTIONS';add_headerAccess-Control-Allow-Headers'DNT,Keep-Alive,User-Agent,Cache-Control,Content-Type,Authorization';......
  • 使用Nginx反向代理minio,提供文件公共访问
    MinIO是一个基于ApacheLicensev2.0开源协议的对象存储服务。它兼容亚马逊S3云存储服务接口,非常适合于存储大容量非结构化的数据,例如图片、视频、日志文件、备份数据和容器/虚拟机镜像等。在之前的一篇文章介绍了《使用Docker搭建minio对象存储与mc客户端常用命令》,这篇文章......