首页 > 系统相关 >在 nginx 服务器上发布vue项目 步骤与配置

在 nginx 服务器上发布vue项目 步骤与配置

时间:2023-05-31 18:02:58浏览次数:58  
标签:vue 配置文件 nginx 发布 html 服务器

1.在vscode 中使用 yarn build:prod 进行vue项目的发布

2.进入发布文件

3.下载nginx 的windows版
https://nginx.org/en/download.html

4.将发布好的文件放入nginx 解压后的html文件夹中

5.修改nginx的配置文件

打开nginx的配置文件

配置完成
使用命令打开nginx

至此 发布完成

标签:vue,配置文件,nginx,发布,html,服务器
From: https://www.cnblogs.com/yaoweijun/p/17446918.html

相关文章

  • HTML 全屏水印 vue 全屏水印
    <!DOCTYPEhtml><html><head><metacharset="utf-8"><title>水印</title><style>#water-div{pointer-events:none;position:fixed;top:0;left:0;right:0;bottom:0;}.mask_div{pointer-......
  • 玩转服务器之网站篇:新手使用WordPress搭建博客和静态网站部署
    静态网站部署和WordPress搭建博客都是网站运营中常见的工作。静态网站是一种不需要服务器端脚本的网站形式,通常使用HTML、CSS和JavaScript等静态资源进行构建和显示。而WordPress是一款流行的博客系统,可以帮助用户快速搭建博客网站。在之前的玩转服务器系列文章里,我们介绍了如何构......
  • nginx创建基本认证(Basic Authorization)
     步骤一:创建用户名密码#创建用户名密码文件htpasswd-dbchtpasswd.usersuserpassword密码也可以通过opensslpasswdpassword来创建格式为user:encrypr_password可以多个 步骤二:Nginx配置server{listen80;server_namexxx.com;locat......
  • vue事件基本使用总结
    vue事件的基本使用:1、使用v-on:xxx或@xxx绑定事件,其中xxx是事件名2、事件的回调需要配置咋methods对象中,最终会挂载在vue实例对象上3、methods中配置的函数,不要用箭头函数,否则this就不会只想vue实例了4、methods中配置的函数,都是被Vue所管理的函数,this指向的是vue实例或组件实......
  • docker json日志把服务器磁盘占满,日志清理
    定时任务crontab-l03***root/etc/init.d/clean-docker-log.sh103***root/etc/init.d/cleandocker.sh-脚本[[email protected]]#catclean-docker-log.sh#!/bin/shecho"====================startcleandockercontainerslogs=============......
  • vue开场动画
    <!DOCTYPEhtml><html><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1"><metaname="renderer"content="webkit">......
  • 浪潮信息联合中国信通院发布《绿色算力白皮书》,推出业界首个服务器碳排放评测标准
    5月30日,浪潮信息“智算 开新局·创新机”全国巡展济南站开幕。会上,浪潮信息与中国信息通信研究院(以下简称中国信通院)联合发布了《绿色算力白皮书》(以下简称《白皮书》),对绿色算力的内涵和关键技术、政策背景、必要性、标准与评测方法、发展趋势和建议等予以全面阐释。这是业界首个......
  • Tornado写简易服务器
    我们都知道在Web开发中,都需要服务器,比如JavaWeb开发的Tomcat,WebLogic,WebSphere,现在来看利用TornadoWebServer框架如何写一个简易的Python服务器。一般来说只需要实现get和post方法就可以了。以上次使用redis数据库的例子说明,数据库插入代码如下:importredisimportdatetimecl......
  • vue使用qrcodejs2生成二维码且底部带文字描述,支持下载(日常记录)
    使用qrcodejs2生成二维码的方法:/***二维码生成*@paramcontent生成二维码内容*@paramdesc二维码底部描述*@paramqrcodeDom挂在dom*@returns{*|HTMLDivElement}*/exportfunctiongeneratorQrcode(content,desc,qrcodeDom=null){constqrcodeCo......
  • vue3 整数还是显示整数,有小数的保留两位小数显示,写一个指令
    1、新建number-format.tsimport{Directive,DirectiveBinding}from"vue";constnumberFormat:Directive={ mounted(el,binding:DirectiveBinding){  constvalue=binding.value.text||"0";  constparsedValue=parseFloat(valu......