首页 > 系统相关 >nginx配置前端网站

nginx配置前端网站

时间:2022-09-24 23:00:24浏览次数:45  
标签:index dist 网站 前端 nginx html 重启

主要是改

location / {
     root   html;
     index  index.html index.htm;
}

 

这表示默认的网站是nginx的html文件夹。

假如我们写的前端项目文件打包后是dist。我们把这个dist文件夹放在nginx目录下,然后修改为:

location / {
root dits;
index index.html index.htm;
}

这样就可以访问我们的前端文件了。

2.配置启动
如果要重启,或者停止服务都必须在dos命令下手动重启或停止,比较麻烦,我用批处理写了重启和停止命令:如下

stop.bat

@echo off
 
cd %~dp0
 
nginx -s quit

 

restart.bat

@echo off
 
cd %~dp0
 
nginx -s reload
     

标签:index,dist,网站,前端,nginx,html,重启
From: https://www.cnblogs.com/fengquan-blog/p/16726920.html

相关文章

  • 前端-每日一题
    20220919202121222324......
  • nginx性能监控
    nginx自带监控模块,需要在nginx编译安装时加入监控模块。 1.编译安装时加入监控模块ngin编译安装时,加入编译参数为:--with-http_stub_status_module。如下所示:./co......
  • React useImperativeHandle Hook 90% 前端都不知道转发多个 Refs
    我报名了GoldstoneProjectPhase1Challenge——瓜分100,000奖池,这是我的第13篇文章,点击查看活动详情为什么ref不属于props,而是需要forwardRef呢?当我们有一个非常简单......
  • Nginx的location优先级
    在nginx配置文件中,location主要有这几种形式:语法:location[=|^~|~|~*|@]/uri/{…}功能:根据URI的不同需求进行配置,可以使用字符串与正则表达式匹配。如果要使用正......
  • nginx搭建文件服务器
    搭建简易步骤:1)修改固定配置配置目录显示autoindexon;文件大小显示autoindex_exact_sizeon;文件修改时间autoindex_localtimeon;编码charsetutf-8;2)配置开......
  • 前端Node.js-Day38
    mysql操作数据库查询语句:使用select查询,得到的结果是数组形式。db.query('select*fromseven',(err,res)=>{//查询失败if(err)returnconsole.log('......
  • 前端面试经常被问的题目,自己总结了一下
    JavaScript为什么要进行变量提升,它导致了什么问题?变量提升的表现是,无论在函数中何处位置声明的变量,好像都被提升到了函数的首部,可以在变量声明前访问到而不会报错。造成......
  • 总结一下最近前端面试被问到的题目吧
    浏览器乱码的原因是什么?如何解决?产生乱码的原因:网页源代码是gbk的编码,而内容中的中文字是utf-8编码的,这样浏览器打开即会出现html乱码,反之也会出现乱码;html网页编码是g......
  • 【前端必会】单页应用-你的新朋友wepack
    背景我们开发的功能可能是简单的,但是实现功能的代码行数却可能成千上万出于易于维护、安全、服用,我们会根据我们的经验设计我们的代码,拆解成多个独立的功能模块(代码片段......
  • 前端工程化
    1.模块化概述1.1传统开发模式带来的问题1.命名冲突2.文件依赖1.2通过模块化解决传统遗留问题模块化:把单独的一个功能封装到一个模块(文件)中,模块之间相互隔离,但是......