将前端项目部署到nginx上

1.下载nginx windows

2.windows+R ,cmd进入命令行

3.进入nginx的目录下

4.执行命令start nginx

 

5.输入 http://localhost:80

如果能看到欢迎页面服务器就已经启动了

6.打开conf下的nginx.config进行配置

listen后的80为端口号

server_name中的localhost为端口前的名字

location中的root后为我的项目的路径,项目下有css,html,js等静态资源文件 

如我想访问项目下的index.html,在浏览器中输入http://localhost:80/index.html

80为listen后的值,localhost为server_name后的值,index.html为root后的路径下的html文件

index后的login.html为只输入http://localhost:80时默认跳转的页面

error_page中的404.html为项目中的404页面,当出现403和404错误时,跳到该页面。

7.命令

start nginx   启动服务器

nginx -s stop 快速停止服务器

nginx -s quit 完全正常停止

nginx -s reload 重新加载配置文件,修改后执行该命令即可

 

  • 3
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值