首页 > 系统相关 >Mac实现IDEA和nginx前后端联调(新手向)

Mac实现IDEA和nginx前后端联调(新手向)

时间:2023-09-25 09:57:17浏览次数:51  
标签:default IDEA nginx html params conf homebrew 联调

前言

今天看黑马程序员的javaweb课程,看到前后端联调这一节犯了难。因为老师使用的开发环境是win10,而我用的是Mac,不想装虚拟机,就想着研究一下如何在Mac上实现前后端联调。因为之前只简单学了一下前端三大件,没有系统学过nginx,所以有什么问题请多包涵。

前提:获取老师的文件包我们需要的是“day10-SpringBootWeb案例”这个文件。
image

本地nginx

安装nginx

homebrew install nginx

配置nginx

  1. 用vim打开该配置文件 vim /opt/homebrew/etc/nginx/nginx.conf
  2. 粘贴如下配置
Last login: Mon Sep 25 07:53:17 on ttys000
➜  ~ vim /opt/homebrew/etc/nginx/nginx.conf
➜  ~ cd /opt/homebrew/etc/nginx
➜  nginx git:(stable) ls
fastcgi.conf           koi-win                scgi_params
fastcgi.conf.default   mime.types             scgi_params.default
fastcgi_params         mime.types.default     uwsgi_params
fastcgi_params.default nginx.conf             uwsgi_params.default
koi-utf                nginx.conf.default     win-utf
➜  nginx git:(stable) vim /opt/homebrew/etc/nginx/nginx.conf
    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;

    server {
        listen       90;
        server_name  localhost;

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

        location ^~ /api/ {
                        rewrite ^/api/(.*)$ /$1 break;
                        proxy_pass http://localhost:8080;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

重点
listen 90指的是监听端口,到时候访问前端用的就是localhost:90
proxy_pass http://localhost:8080指的是转发端口,将IDEA的Tomcat服务转发给nginx。

将前端页面配置到nginx

将文件夹下 04. 前端环境/nginx-1.22.0-tlias/html 文件夹复制到/opt/homebrew/var/www/文件夹下,并改名tlias(不改名也可以,只是前面配置中的 root html/tlias需要把tlias换成你的文件夹的名字)

End

这时候nginx所需的前后端联调的前置工作就已经完成了,剩下需要后端进行功能的实现。

标签:default,IDEA,nginx,html,params,conf,homebrew,联调
From: https://www.cnblogs.com/lihengliang/p/17727221.html

相关文章

  • IntelliJ IDEA中执行@Test单元测试时报错Class not found: "..."终极办法
    之前也出现过在编译时找不到测试类的问题,但之前的那篇博文,并不是终极办法IntelliJIDEA中执行@Test单元测试时报错Classnotfound:"..."Emptytestsuite 问题:出现类似问题,普遍时同然就报错了,原因是使用IDEA,从别人的Git上拉取代码后,别人把一些idea的配置文件也传上了,到时更新......
  • Nginx第四天学习笔记
    Nginx第四天学习笔记在经过了前几天的学习后,我们对Nginx已经有了一个基本的了解。今天我们将更深入地探讨Nginx的配置和优化。一、配置Nginx的配置文件位于/etc/nginx/nginx.conf。这个文件包含了Nginx服务器的主要配置信息,包括端口、域名、SSL证书等。以下是一个简单的配置示例:per......
  • 使用Nginx搭建负载均衡
    1.修改配置文件conf/nginx.conf      2.配置文件中增加服务调用upstreamNET6RC2{server127.0.0.1:5726;server127.0.0.1:5727;server127.0.0.1:5728;server127.0.0.1:5729;}server{......
  • 工作五年多,idea插件推荐(一)
    有的时候博客内容会有变动,首发博客是最新的,其他博客地址可能会未同步,认准https://blog.zysicyj.top首发博客地址文章更新计划本来打算一次更新完的。。感觉还是太多了,后面再分享吧,先分享一部分EasyCodeMybatisCodeHelper这玩意功能太离谱了,随便举几个官网地址:https://brucege.com......
  • 最新IDEA永久激活教程(亲测有效)
    最近jetbrains官方发布了2023.2版本的IDEA,之前的激活方法并不支持这个新的版本。下面是最新的激活教程,激活步骤和之前是类似的,只是换用了不同的补丁文件。本教程支持JetBrains全家桶产品,支持Windows、macOS和Linux系统。大家可以通过以下链接获取: IDEA激活工具,点击链接......
  • 亲测有效的最新IDEA永久激活教程
    最近jetbrains官方发布了2023.2版本的IDEA,之前的激活方法并不支持这个新的版本。下面是最新的激活教程,激活步骤和之前是类似的,只是换用了不同的补丁文件。本教程支持JetBrains全家桶产品,支持Windows、macOS和Linux系统。大家可以通过以下链接获取: IDEA激活工具,点击链接......
  • Hive的使用以及如何利用echarts实现可视化在前端页面展示(四)---连接idea使用echarts
    说来惭愧,我的javaweb烂得一批,其他步骤我还是很顺利地,这个最简单的,我遇到了一系列问题。只能说,有时候失败也是一种成功吧这一步其实就是正常的jdbc,没什么可说明的,但是关于使用echarts我还是遇到了一些困难,如果有高手能指正一二,感激不尽echarts获取前端数据要使用Ajax,我不会这个语......
  • IDEA @Slf4j cannot find symbol 无法解析问题处理
    IDEA@Slf4jcannotfindsymbol无法解析问题处理问题描述:安装新版本IDEA2022后,项目出现如下问题,网上给的大多都是设置File|Settings|Build,Execution,Deployment|Compiler|AnnotationProcessors和File|Settings|Build,Execution,Deployment|......
  • Nginx第三天学习笔记
    Nginx第三天学习笔记在经过前两天的初步学习和了解之后,今天我们继续深入探讨Nginx的配置和高级功能。一、更复杂的配置到目前为止,我们讨论的Nginx配置都比较基础。实际上,Nginx的配置语言非常强大,可以处理更复杂的需求。例如,我们可以配置基于IP的虚拟主机,设置HTTPS,甚至可以进行负载......
  • Linux网站搭建(nginx+php+mysql)
    目录nginx安装nginx服务器依赖环境源码安装和yum安装的区别源码安装源码安装三步走:php下载安装所有扩展:(php运行所需要的环境)编辑/etc/php.ini开启php-fpm在html下创建index.php,看一下是否可以网页中访问得到它编辑nginx配置文件重启服务mysql安装mysqlmysql的使用......