mac安装nigix且配置 vue/springboot项目(本地/服务器)

一、mac安装Nigix

1. 查看是否存在 nginx

执行brew search nginx 命令查询要安装的软件是否存在

brew search nginx

 2. 安装nginx

brew install nginx

 3. 查看版本

nginx -v

4. 查看信息

查看ngxin下载的位置以及nginx配置文件存放路径等信息 

brew info nginx
  • 下载的存放路径 

/usr/local/Cellar/nginx/1.27.0
  • 配置文件存放路径 

/usr/local/etc/nginx/nginx.conf
  • 网站根目录

/usr/local/var/www

5. 确认存放路径

6. 启动

1)进入目录启动 

在终端cd /usr/local/Cellar/nginx/1.27.0/bin进入bin目录,然后执行nginx命令(没有报错就是启动成功) 

cd /usr/local/Cellar/nginx/1.27.0/bin

 

 2)开启自启动(服务器)

sudo systemctl enable nginx

 默认端口 8080

打开浏览器输入 localhost:8080 

默认的网站根目录为html(即/usr/local/var/www),而默认的索引文件为index.html 和 index.htm 

3)全局配置 

为了能够全局使用nginx命令,可以配置下全局变量 

vim .bash_profile
PATH=$PATH:/usr/local/Cellar/nginx/1.27.0/bin
export PATH

source .bash_profile

  7. 关闭

nginx -s stop

8. 修改端口

/usr/local/etc/nginx/nginx.conf

修改之后重新运行nginx -s reload命令就能打开自定义的端口号 

进入 

cd /usr/local/Cellar/nginx/1.27.0/bin
nginx -s reload

各种命令

brew services start nginx    # 启动
nginx -c /usr/local/nginx/conf/nginx.conf    # 首先利用配置文件启动nginx
brew services stop nginx     # 停止
service nginx restart        # 重启
nginx -h                     # 查看帮助信息
nginx -v                     # 查看nginx版本(小写字母v)
nginx -V                     # 除版本信息外还显示配置参数信息(大写字母V)
start nginx                  # 启动nginx
start nginx -c filename      # 指定配置文件启动nginx
nginx -s quit                # 关闭nginx,完整有序的停止nginx,保存相关信息
nginx -s stop                # 关闭nginx,快速停止nginx,可能并不保存相关信息
nginx -s reload              # 重新载入nginx,当配置信息修改需要重新加载配置是使用
nginx -s reopen              # 重新打开日志文件
nginx -t -c filename         # 测试nginx配置文件是否正确
systemctl stop nginx.service       # linux停止
systemctl start nginx.service      # linux启动
ps aux | grep nginx                # 查看服务
systemctl restart nginx.service    # 重启
netstat -tlnp                      # 端口号

二、本地配置项目 

没有设置代理的项目 

1. vue前端

通过指令打包,生成dist文件 

npm run build

2. 将 dist文件下的内容存放至 nginx

/usr/local/Cellar/nginx/1.27.0

在上面的目录下新建一个文件夹may(自己设置),用来存档dist

 

dist文件夹下的内容拷贝至 may文件夹下

3. nginx的 nginx.conf设置

 /usr/local/etc/nginx/nginx.conf 

/usr/local/etc/nginx

 修改前

修改后

4.重载nginx 

nginx -s reload

 5. 访问项目

  • 先访问前端看是否正常 
http://localhost:8080

  • 开启后端 
java -jar ***.jar

然后就可以正常登录了

三、服务器运行设置

注意:前后端代码部分,localhost要更换成ip地址 

1. linux(centOS) 安装 nginx

1)联网下载 

wget -c http://nginx.org/download/nginx-1.27.0.tar.gz

2) 安装依赖包 

yum install -y gcc-c++	zlib zlib-devel	openssl openssl-devel pcre pcre-devel

 

查看下载的包

 3)安装

  • 解压 
tar -zxvf nginx-1.27.0.tar.gz
  • 进入nginx目录

  • 配置基本信息configure

   --prefix是指定安装目录

./configure --prefix=/usr/local/nginx-1.27.0

 然后可以看到我们的目录下,多了一个Makefile文件

  •  编译安装

对nginx编译和安装 

make & make install

*2.启动 

 进入安装目录

cd /usr/local/nginx-1.27.0

进入sbin目录下,执行一下命令启动 

./nginx

在后台一直启动

nohup ./nginx &

 重载

./nginx -s reload

 查询是否启动

ps -ef | grep nginx

 

开启防火墙限制 ,nginx的默认端口为80

浏览器访问:ip地址:80 

3. 设置nginx 的开机启动

vim /etc/rc.local

 添加

/usr/local/nginx-1.27.0/sbin/nginx

source /etc/rc.local

4. 关闭

./nginx -s stop

5. 修改配置端口和默认访问页面

 /usr/local/nginx-1.27.0目录下新建了 may文件夹

找到nginx的配置文件,编辑 

vi /usr/local/nginx-1.27.0/conf/nginx.conf

/usr/local/nginx-1.27.0/may

source /usr/local/nginx-1.27.0/conf/nginx.conf

 注意: 文件夹may要设置可读写权限

*6.设置 java项目一直运行

nohup java -jar your-project.jar &
nohup java -jar /root/may2024/java/jxc-admin-1.0.0-SNAPSHOT.jar &

7. 访问项目

如果报错403 Forbidden,可能是前端文件夹权限不够,设置权限即可

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

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

相关文章

Angular 由一个bug说起之六:字体预加载

浏览器在加载一个页面时,会解析网页中的html和css,并开始加载字体文件。字体文件可以通过css中的font-face规则指定,并使用url()函数指定字体文件的路径。 比如下面这样: css font-face {font-family: MyFont;src: url(path/to/font.woff2…

【路径规划】三维深度矩阵寻路算法

在三维空间中寻路相较于二维空间更为复杂,因为需要处理额外的维度。下面是一个示例,展示了如何使用深度优先搜索(DFS)算法在三维矩阵中寻找路径。 首先,我们需要定义三维矩阵,并编写一个递归的DFS函数来寻…

IDEA 中设置 jdk 的版本

本文介绍一下 IDEA 中设置 jdk 版本的步骤。 一共有三处需要配置。 第一处 File --> Project Structure Project 和 Modules 下都需要指定一下。 第二处 File --> Settings 第三处 运行时的配置

Linux基础2-基本指令4(cp,mv,cat,tac)

上篇文章我们说到了rmdir,rm,man,echo.重定向等知识。 Linux基础1-基本指令3-CSDN博客 本文继续梳理其他基础指令 1.本章重点 1.使用cp命令拷贝文件 2.使用mv命令移动文件 3.使用cat,tac查看小文本文件 2.cp命令 在linux中使用cp命令来拷贝粘贴文件 cp src(原文…

解决Nginx出现An error occurred问题

每个人遇到Nginx的An error occurred情况可能都不一样(见图1),Nginx造成该错误的原因: 1. 我在配置域名解析成IP时,没有把所有解析配置都修改,见图2:解析 *.hanxiaozhang.xyz 配置的是新IP地…

【名词解释】Unity的Inputfield组件及其使用示例

Unity的InputField组件是一个UI元素,它允许用户在游戏或应用程序中输入文本。InputField通常用于创建表单、登录界面或任何需要用户输入文本的场景。它提供了多种功能,比如文本验证、占位符显示、输入限制等。 功能特点: 文本输入&#xff…

如何发布自己的npm插件包

随着JavaScript在前端和后端的广泛应用,npm(Node Package Manager)已成为JavaScript开发者不可或缺的工具之一。通过npm,开发者可以轻松共享和使用各种功能模块,极大地提高了开发效率。那么,如何将自己开发的功能模块发布为npm插件包,与全球的开发者共享呢?本文将进行全…

Nvidia Jetson/Orin/算能 +FPGA+AI大算力边缘计算盒子:潍柴雷沃智慧农业无人驾驶

潍柴雷沃智慧农业科技股份有限公司,是潍柴集团重要的战略业务单元,旗下收获机械、拖拉机等业务连续多年保持行业领先,是国内少数可以为现代农业提供全程机械化整体解决方案的品牌之一。潍柴集团完成对潍柴雷沃智慧农业战略重组后,…

JSON5:JSON的现代化扩展

JavaScript Object Notation (JSON),被广泛应用于网络传输、配置文件等许多地方,因其简洁、易读的特性而备受欢迎。然而,JSON不是无可指摘的,限制太过严格,使得一些场景变得棘手。这时候,JSON的超集——JSO…

轻松解决问题!教你文件怎么解除只读模式!

在日常使用电脑时,我们有时会遇到文件或文件夹被设定为只读模式的情况,这可能会限制我们对文件的修改和编辑。然而,解除只读模式并获得文件的完全控制是一个相对简单的过程,只需要掌握一些基本的技巧和方法。在本文中,…

数据分析面试常问问题(二)(SQL、统计学、业务方面等)

一、数据分析之业务指标高频面试题 1.关于视频app(比如爱奇艺)首页推荐的推荐顺序,你会考虑哪些指标? (1)用户行为数据:浏览、点击、播放、搜索、收藏、点赞、转发、滑动、在某个位置的停留时…

java版spring cloud 知识付费平台的功能模块与子模块划分

随着互联网技术的飞速发展,知识付费平台已经成为了我国在线教育领域的一颗新星。这些平台以用户需求为出发点,围绕高质量的内容打造,利用互联网技术为用户提供了一个便捷、高效的学习环境。它们汇聚了丰富的专业知识,覆盖了职业技…

【时序约束】如何确定输入输出信号的时序约束值

确定输入输出信号的时序约束值是 FPGA 设计中的一个重要步骤,它涉及到对信号传输时间和 FPGA 内部时序要求的准确理解。以下是确定时序约束值的一些关键步骤: 1. 理解信号特性 输入信号:考虑输入信号的来源、传输距离、走线长度以及是否经过…

打造精美电子画册,提升企业形象的方法

在当今数字化时代,企业形象的表达方式正在发生深刻变革。精美电子画册作为一种新兴的传播媒介,不仅能够展现企业风采、提升品牌价值,还能够吸引潜在客户、增强市场竞争力。 接下来告诉大家一些简单的制作方法,可以收藏起来哦 1.首…

【免费】2021年数学建模国赛C题问题一--基于熵权法和TOPSIS法详细版附Word加代码

各位大佬好 ,这里是阿川的博客,祝您变得更强 个人主页:在线OJ的阿川 大佬的支持和鼓励,将是我成长路上最大的动力 阿川水平有限,如有错误,欢迎大佬指正 Python 初阶 Python–语言基础与由来介绍 Python–…

刷代码随想录有感(95):合并区间

题干&#xff1a; 代码&#xff1a; class Solution { public:static bool cmp(vector<int>& a, vector<int>& b){return a[0] < b[0];}vector<vector<int>> merge(vector<vector<int>>& intervals) {sort(intervals.begi…

AO|天鹰优化算法原理及代码实现(MATLAB/Python)

文章来源于我的个人公众号&#xff1a;KAU的云实验台&#xff0c;主要更新智能优化算法的原理、应用、改进 天鹰优化算法(Aquila Optimizer&#xff0c;AO)是Abualigah等[1]于2021年发表在SCI二区Computers & Industrial Engineering的元启发式优化算法。该算法通过模拟天鹰…

从零开始手把手Vue3+TypeScript+ElementPlus管理后台项目实战五(引入vue-router,并给注册功能加上美丽的外衣el-form)

安装vue-router pnpm install vue-router创建router src下新增router目录&#xff0c;ruoter目录中新增index.ts import { createRouter, createWebHashHistory } from "vue-router"; const routes [{path: "/",name: "Home",component: () …

git 的用法

git add&#xff1a;将工作区中 新建/修改/删除的文件内容&#xff0c;添加到暂存区。 参数列表 git add -A&#xff1a;提交所有变化&#xff08; -A --all &#xff09; git add -u&#xff1a;提交被修改&#xff08;modified&#xff09;和被删除&#xff08;deleted…

小红书的引流方式

常见的引流方法有&#xff1a;笔记引流、粉丝群聊引流、私信引流。 1、笔记引流 首先要明确你的目标受众是谁&#xff0c;通过他们的兴趣爱好和关注的信息来制定笔记内容计划&#xff0c;有利于我们选择合适的方式来吸引用户的关注。 然后就是优质的笔记内容了&#xff1b; …