首页 > 系统相关 >前端项目部署到nginx

前端项目部署到nginx

时间:2023-06-27 14:12:36浏览次数:48  
标签:dist zip 项目 部署 前端 nginx 文件夹

前端项目部署到nginx

  1. 配置好本地的nodejs环境
  2. 切换到前端项目所在的文件目录
  3. 以命令行的方式运行npm run build命令
  4. 命令执行成功会生成dist文件夹,将文件夹中的内容压缩上传到nginx_html数据卷对应的目录下
  5. 执行解压命令unzip dist.zip
  6. 删除压缩包rm -rf dist.zip即可
  7. 访问nginx就是访问前端项目

标签:dist,zip,项目,部署,前端,nginx,文件夹
From: https://www.cnblogs.com/insilently/p/17507813.html

相关文章

  • docker compose部署mysql数据库
    1.想要达成的目标通过dockercompose来部署mysql,并实现一些列需求在mysql容器初始化时设置字符类型设置mysql容器的时区为中国时区设置mysqlroot密码,采用.env传入参数初始化时创建一个数据库初始化时创建用户名和密码挂载本地目录到容器内容器初始化时执行脚本,导入......
  • tomcat部署多项目
    tomcat部署多项目在实际工作过程中,由于公司资源限制,可能存在多个项目部署在一台服务器上一、tomcat环境部署1.复制一个tomcat容器复制:cp-rapache-tomcat-8.5.38tomcat-oa改名:mvapache-tomcat-8.5.38tomcat-pinter(改名之后把原来的tomcat杀死,然后重新启动,否则pinter无法......
  • nginx部署静态项目
    nginx部署静态项目一、安装nginx1.安装nginx官方源centos默认没有nginx官方安装源rpm-Uvhhttp://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm2.在线安装nginxyuminstall-ynginx默认安装到/etc/nginx目录下二、部署项目......
  • 查看nginx日志
    查看nginx日志一、查看nginx访问日志1.查看nginx中项目日志存放路径cd/etc/nginx/conf.dcatoa.conf2.在项目nginx中,查看访问日志cd/var/log/nginxtail-foa.access.log二、增加统计时间此处统计的是:nginx从接收到客户端请求,转发给toamcat,服务端处理完成,返回到ngin......
  • 前端字符编码
    在计算机内部,所有的信息最终都表示为一个二进制的字符串。每一个二进制位(bit)有0和1两种状态,因此八个二进制位就可以组合出256种状态(-128~127),这被称为一个字节(byte)。也就是说,一个字节一共可以用来表示256种不同的状态,每一个状态对应一个符号,就是256个符号,从0000000到11111111 ......
  • Ubuntu将jar包部署为服务运行
    1、进入/etc/systemd/system目录cd/etc/systemd/system之前没有在该目录放置时有时候汇报格式不正确,需要在头部加点东西,这边省事规范,我们就放在这个目录下就好了。2、新建service文件sudovim服务名称.service内容大致如下:[Unit]Description=testAfter=syslog.targetn......
  • CentOS7 部署 k8s 集群
    CentOS7部署k8s集群BUG弄潮儿 2023-06-1020:32 发表于广东BUG弄潮儿多年开发经验,专注软件开发、架构;推送微服务,分布式,Spring全家桶,Redis,Linux,Nginx等技术,欢迎一起学习、探讨。396篇原创内容公众号K8s+Istio+Golang=微服务+服务网格+云原生0x0......
  • 前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求
    前端Vue自定义加载中loading加载结束end组件可用于分页展示页面加载请求,请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13219效果图如下:实现代码如下:cc-paging使用方法<!--加载中用法isLoading:是否加载isEnd:是否结束加载--><cc-paging:isLoad......
  • 前端Vue自定义发送短信验证码弹框popup 实现剩余秒数计数 重发短信验证码
    前端Vue自定义发送短信验证码弹框popup实现剩余秒数计数重发短信验证码,请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13207效果图如下:实现代码如下:cc-codeDialog使用方法<!--show:是否显示弹框phone:手机号 autoCountdown:自动时间秒数len:短信......
  • 前端Vue自定义验证码密码登录切换tabs选项卡标签栏标题栏 验证码登录模版 密码登录模
    前端Vue自定义验证码密码登录切换tabs选项卡标签栏标题栏验证码登录模版密码登录模版,请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13221效果图如下:实现代码如下:cc-selectBox使用方法<!--select-arr:选择数组nowindex:当前选择序列@change:切换选择......