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

前端项目在nginx中部署

时间:2022-09-21 18:02:41浏览次数:62  
标签:dist reload 部署 前端 项目 nginx usr local

步骤如下:

  1. 项目打包:在vscode或idea中使用命令
    yarn build
    打包文件,生成dist文件
  2. 将项目上传到服务器。将dist文件上传到服务器路径:/usr/local/nginx/html
  3. 重启nginx
    cd/usr/local/nginx/sbin/
    ./nginx -s reload

     

  4. Nginx其他命令

    // 启动
    ./nginx
    //重启
    ./nginx -s reload
    //关闭
    ./nginx -s stop

     

  5. 打开页面查看,页面显示即可

标签:dist,reload,部署,前端,项目,nginx,usr,local
From: https://www.cnblogs.com/evident/p/16716552.html

相关文章

  • 部署相关
    部署相关C1.jar包启动问题现象:nacos注释使用中文,通过java-jar启动报注释的错误解决方法:java-jar-Dfile.encoding=utf-8xxx.jar......
  • 什么是 HTML?前端入门基础教程,带您全面认识HTML
    HTML或超文本标记语言允许Web用户使用元素、标签和属性创建和构造部分、段落和链接。然而,值得注意的是,HTML不被视为一种编程语言,因为它不能创建动态功能。  H......
  • nginx系列---【解决 413 Request Entity Too Large(请求实体太大)】
    1.问题描述后台管理系统上传一个30M视频的时候,报“413RequestEntitytoolarge”错误,导致文件无法上传。2.原因分析F12打开控制台,发现调用后端上传接口失败,报......
  • 前端添加水印
    之前也写过添加水印的 时间过了很久就忘记了每次都要重新去找一下,这次写完记录一下,方便以下以后使用,有需要的拿走.最近项目中要添加水印 做下总结:......
  • 前端怎么对一张图片特定某些点进行点击事件(image-map)
    图片热区技术插入一张图片,并设置好图像的有关参数,在<img>标记中设置参数usemap="#image-map",以表示对图像地图的引用。用<map>标记设定图像地图的作用区域,并取名:image-ma......
  • 【测试平台开发】——07Vue前端框架实战——restful请求
    本节主要是前后端接口的调用,以及前端如何进行封装接口 一、创建相关文件在文件夹下创建http.js、api.js、user.js1)http.js封装接口:在src下创建api文件夹添加ht......
  • Spring Boot 两种部署到服务器的方式
    jar包(官方推荐)jar包方式启动,也就是使用springboot内置的tomcat运行。服务器上面只要你配置了jdk1.8及以上,就ok。不需要外置tomcat1.打成jar包2.将jar包放到任意目录......
  • 前端Nodejs-Day35
    创建web服务器:①导入http模块:require导入②创建web服务器实例:调用http.createServer()方法  ③为服务器绑定request事件:使用on方法绑定 ④启动服务器:.lis......
  • nginx on docker
    绑定本地目录:dockerrun--namemynginx4--mounttype=bind,source=C:\data\nginx\www,target=/usr/share/nginx/html--mounttype=bind,source=C:\data\nginx\config,......
  • 前端安全之Base64基础
    Base64基础Base64是什么?Base64是一种基于64个可打印字符(也就是ASCII字符)来表示二进制数据的编码方式,是将二进制数据转化为字符串的过程,原则上来说一些存储在计算机上的......