linux部署前端静态页面(实战)

news2024/11/14 21:49:29

Linux基本命令(学习笔记)零基础入门linux系统运维_linux find exec rm_Z_Xshan的博客-CSDN博客

如果linux不熟可以看我之前写的入门教程 感谢支持!!

一、服务器

这里去购买云服务器,如果是练习可以用虚拟机,这里不过多描述

二、下载nginx

nginx: download   nginx官网下载地址

wget http://nginx.org/download/nginx-1.24.0.tar.gz

下载完成之后我们可以看到是个压缩文件,我们通过ls进行查看

 

对此进行解压 

tar -zxvf nginx-1.24.0.tar.gz

 配置nginx 

cd 你解压完的目录  我这里的是nginx-1.24 你们根据你们下载的文件命进入即可

cd nginx-1.24

我们可以看到configure文件

 执行下面命令

./configure

配置完成!

 

编译安装 

 这个命令会安装到默认路径usr/local/nginx,可以通过查看nginx安装路径下面有说

make&make install

 但是我没有权限只能安装到自己的指定路径(T*T)

//创建目标文件夹
mkdir -p /usr/mydir/nginx
cd /tmp/nginx-1.13.7
//关键所在:因为默认会安装在/usr/local/nginx,所以此处需要指明目的文件夹
./configure --prefix=/usr/mydir/nginx   //(这个文件名字自己命名)
make && make install

显示directory就是安装成功了!! 

 

此时在/usr/mydir/nginx下将会生成conf、sbin等文件夹 

三、启动nginx

查看nginx安装路径

whereis nginx

启动服务命令

/usr/mydir/nginx/sbin/nginx  -s reload

 启动有可能会报 > nginx: [error] open() /usr/mydir/nginx/logs/nginx.pid" failed (2: No such file or directory)

解决办法

使用nginx -c的参数指定nginx.conf文件的位置

/usr/mydir/nginx/sbin/nginx -c /usr/mydir/nginx/conf/nginx.conf

 我这里报错

[emerg] bind() to 0.0.0.0:80 failed (13: Permission denied)

意思是没有端口低于1024没有权限 

1、进入nginx.conf文件

2、修改listen后的默认端口号改为想改的端口号(如下图)把90改成1024以上就好了

访问ip成功启动! 

 

重启服务命令

 systemctl restart nginx.service

如果权限不够加上sodu (你要有root的账号密码)

sudo systemctl restart nginx.service

查看nginx是否启动

ps -ef | grep nginx

 四、打包前端并上传linux

打包

前端打包不多说了,看你们自己项目的打包命令就可以,一般都是

npm run build

工具 

 使用工具上传文件,工具有很多这里我用到的是WinSCP

 打包好的文件一定要放在nginx/html里面!!!!

解压zip文件  

要将Linux中的zip文件解压到当前目录

unzip dist.zip

修改文件权限 

修改文件的权限避免出现不能访问的情况

chmod [权限模式] [文件或目录]

我们修改为最高权限

chmod 777 [文件或目录]

文件夹里所有的文件也要修改

cd [文件或目录]
chmod 777 *

 五、修改nginx配置 经行nigx转发

找到\conf\nginx.config文件用vim打开文件

 server {
        listen       8080;
        server_name  localhost;
        #charset koi8-r;
        #access_log  logs/host.access.log  main;

		 location / {
            root html/文件夹(打包好在nginx/html里的文件);     //你文件的路径
            index index.html index.htm;
            try_files $uri $uri/ @router;
        }

}

 重启nginx

如果你有高权限执行下面命令

sudo service nginx restart

没有就杀死进程 ,重新启动

killall nginx  //杀死进程

启动

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1285084.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

内网穿透的应用-公网环境下移动端通过群晖管家+cpolar远程管理家中本地局域网内黑群晖设备

白嫖怪狂喜!黑群晖也能使用群晖管家啦! 文章目录 白嫖怪狂喜!黑群晖也能使用群晖管家啦!1.使用环境要求:2.下载安装群晖管家app3.随机地址登陆群晖管家app4.固定地址登陆群晖管家app 自己组装nas的白嫖怪们虽然也可以通…

软件设计中如何画各类图之五用例图(Use Case Diagram):系统功能需求与用户交互的图形化描述

目录 1 前言2 用例图基本介绍3 用例图的符号及说明3.1 用例(Use Case)3.2 参与者(Actor)3.2 关系(Relationships) 4 画用例图的步骤4.1 确定系统边界4.2 识别参与者4.3 定义用例4.4 绘制关系4.5 完善细节 5…

CopyOnWriteArrayList怎么用

什么是CopyOnWriteArrayListCopyOnWriteArrayList常用方法CopyOnWriteArrayList源码详解CopyOnWriteArrayList使用注意点CopyOnWriteArrayList存在的性能问题CopyOnWriteArrayList 使用实例基本应用实例并发应用实例 拓展写时复制 什么是CopyOnWriteArrayList CopyOnWriteArra…

2023经典软件测试面试题

1、问:你在测试中发现了一个bug,但是开发经理认为这不是一个bug,你应该怎样解决? 首先,将问题提交到缺陷管理库里面进行备案。 然后,要获取判断的依据和标准: 根据需求说明书、产品说明、设计…

2024清理软件排名第一的是CCleaner

CCleaner2024版是一款专业好用的系统优化和隐私保护工具。CCleaner官方版主要用来清除Windows系统不再使用的垃圾文件和使用者的上网记录以空出硬盘容量,按工具同时注重保护用户隐私,被誉为“世界上最受欢迎的PC清洁剂”。 CCleaner下载如下&#xff1a…

【23真题】押题卷的漏网之鱼!

今天分享的是23年中国计量大学805的信号与系统试题及解析。第二大题的第1小题这类题!太经典了,他那个相位图像,怎么看都是24真题的样子图片。但是我出的话,会把幅频特性从三角变为矩形,再加上个信号是否无失真的判断。…

JavaEE进阶学习:Spring Boot 配置文件

1.配置文件的作用 整个项目中所有重要的数据都是在配置文件中配置的,比如: 数据库的连接信息(包含用户名和密码的设置);项目的启动端口;第三方系统的调用秘钥等信息;用于发现和定位问题的普通…

【Unity动画】Unity 动画播放的流程

本文以2D为案例,讲解Unity 播放动画的流程 准备和导入2D动画资源 外部导入序列帧生成的 Unity内部制作的 外部导入的3D动画 2.创建动画过程 打开时间轴Ctrl6 选中场景中的一个未来需要播放动画的物体 回到时间轴点击Create一个新动画片段 拖动2D动画资源放入…

Spark---Spark on Hive

1、Spark On Hive的配置 1&#xff09;、在Spark客户端配置Hive On Spark 在Spark客户端安装包下spark-2.3.1/conf中创建文件hive-site.xml&#xff1a; 配置hive的metastore路径 <configuration><property><name>hive.metastore.uris</name><v…

景联文科技解读《2023人工智能基础数据服务产业发展白皮书》,助力解决数据标注挑战

前段时间&#xff0c;国家工业信息安全发展研究中心发布《2023人工智能基础数据服务产业发展白皮书》&#xff08;以下简称“白皮书”&#xff09;。 《白皮书》指出&#xff0c;2022年&#xff0c;中国人工智能基础数据服务产业的市场规模为45亿元&#xff0c;预计今年将达到5…

Mybatis异常org.apache.ibatis.binding.BindingException: Parameter “xxx“ not found

问题1: 可能是 mybatis 的xml&#xff0c;对应的mapper接口缺少Param注解&#xff0c;或者Param注解的value与xml的不一致 切记只要参数不是一个集合类型向下图或者多个参数值就要加Param注解 问题2: mybatis的xml&#xff0c;存在多余的注释。注释中包含#{}、${}。注释掉的代…

游戏开发增笑-扣扣死-Editor的脚本属性自定义定制-还写的挺详细的,旧版本反而更好

2012年在官方论坛注册的一个号&#xff0c;居然被禁言了&#xff0c;不知道官方现在是什么辣鸡&#xff0c;算了&#xff0c;大人不记狗子过 ”后来提交问题给CEO了&#xff0c;结果CEO百忙之中居然回复了&#xff0c;也是很低调的一个人&#xff0c;毕竟做技术的有什么坏心思呢…

Leetcode周赛374补题(3 / 3) - EA专场

不愧是EA的题&#xff0c;我最爱的模拟人生……好难&#xff0c;呜呜 目录 1、找出峰值 - 暴力枚举 2、需要添加的硬币的最小数量 - 思维 贪心 3、统计完全子字符串 - 滑窗 分组循环 1、找出峰值 - 暴力枚举 2951. 找出峰值 class Solution {public List<Integer> …

Video Studio会声会影2024中文直装旗舰版

Corel Video Studio会声会影2024中文直装旗舰版是一款很流行的视频编辑处理软件&#xff0c;由于其简单易用&#xff0c;且功能不错&#xff0c;在国内拥有众多使用者&#xff0c;小编之前给大家分享过Corel Video Studio Ultimate会声会影2024旗舰版中文版&#xff0c;今天再为…

知识蒸馏的蒸馏损失方法代码总结(包括:基于logits的方法:KLDiv,dist,dkd等,基于中间层提示的方法:)

有两种知识蒸馏方法&#xff1a;一种利用教师模型的输出概率&#xff08;基于logits的方法&#xff09;[15,14,11]&#xff0c;另一种利用教师模型的中间表示&#xff08;基于提示的方法&#xff09;[12,13,18,17]。基于logits的方法利用教师的输出作为辅助信号来训练一个较小的…

免费的SEO外链发布工具,提升排名的利器

互联网已经成为信息传播和商业发展的重要平台。而对于拥有网站的个人、企业来说&#xff0c;如何让自己的网站在搜索引擎中脱颖而出&#xff1f;SEO&#xff08;Search Engine Optimization&#xff09;作为提高网站在搜索引擎中排名的关键手段. 什么是SEO外链&#xff1f; S…

C#,数值计算——计算实对称矩阵所有特征值和特征向量的雅可比(Jacobi)方法与源程序

1 文本格式 using System; namespace Legalsoft.Truffer { /// <summary> /// Computes all eigenvalues and eigenvectors of /// a real symmetric matrix by Jacobis method. /// </summary> public class Jacobi { private …

09、pytest多种调用方式

官方用例 # content of myivoke.py import sys import pytestclass MyPlugin:def pytest_sessionfinish(self):print("*** test run reporting finishing")if __name__ "__main__":sys.exit(pytest.main(["-qq"],plugins[MyPlugin()]))# conte…

Linux 输入输出重定向

Linux 系统默认的输入输出有3种类型&#xff0c;分别为标准输入、标准输出、错误输出&#xff0c;并且Linux 还为这几类设备分别分配了一个所谓的文件描述符&#xff0c;如下是他们之间的对应关系。 输入输出类型文件描述符系统中设备名通常对应的物理设备标准输入设备0/dev/s…

IntelliJ IDEA的下载安装配置步骤详解

引言 IntelliJ IDEA 是一款功能强大的集成开发环境&#xff0c;它具有许多优势&#xff0c;适用于各种开发过程。本文将介绍 IDEA 的主要优势&#xff0c;并提供详细的安装配置步骤。 介绍 IntelliJ IDEA&#xff08;以下简称 IDEA&#xff09;之所以被广泛使用&#xff0c;…