网站首页
编程语言
数据库
系统相关
其他分享
编程问答
首页
>
系统相关
>前端项目部署到nginx
前端项目部署到nginx
时间:2023-06-27 14:12:36
浏览次数:48
标签:
dist
zip
项目
部署
前端
nginx
文件夹
前端项目部署到nginx
配置好本地的nodejs环境
切换到前端项目所在的文件目录
以命令行的方式运行
npm run build
命令
命令执行成功会生成dist文件夹,将文件夹中的内容压缩上传到nginx_html数据卷对应的目录下
执行解压命令
unzip dist.zip
删除压缩包
rm -rf dist.zip
即可
访问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:切换选择......
赞助商
阅读排行
Python3网络爬虫浓缩系列
visual studio 2022离线安装包制作教程
#yyds干货盘点# 前端歌谣的刷题之路-第一百三十七题-可伸缩属性
Codeforces
使用U盘制作启动盘并重装系统
编写HelloWorld程序
departments/components/add.vue
1081. 度的数量
js- day03- 将数据变成柱形图
nginx使用
leetcode 22 括号生成
webrtc-streamer实现简单rtsp视频监控
wordpress外贸独立站商城 如此简单
函数练习错题
利用TableAdapter更新数据库