Windows中使用Nginx解决前后端分离部署中的跨域问题
off999 2025-01-04 22:24 17 浏览 0 评论
说明
现在的Java Web项目好多都使用前后端分离的开发部署方式，这样的好处有很多，比如：可以实现真正的前后端解耦，可以减少后端服务器的并发/负载压力，方便实现多端应用（网页端、移动端共用一个后台服务）、增加代码的维护性&易读性。一般我们会采用Nginx来部署前端代码，使用Tomcat来部署后台服务。最近在Windows系统中使用Nginx部署前端代码时调用后台服务时出现了跨域的报错，通过对Nginx的一些代理配置可以解决这个问题，下面给大家分享一下在Nginx中部署前端代码并解决跨域问题的方法步骤。
解决跨域问题的思路：出现跨域问题的原因在于静态资源的访问地址是Nginx服务器的地址，比如http://ip1:port1，然后我们在静态页面中通过ajax请求后台服务获取数据，后台服务的地址是http://ip2:port2，这两个地址的ip端口不同，就导致了跨域问题的出现，那我们就需要访问一个和前端页面具有相同地址的后台服务才会避免跨越问题，可以设置一个代理，比如我们把后台服务访问地址换成http://ip1:port1/api/，然后通过一定的配置将http://ip1:port1/api/地址收到的请求转发到真正的后台服务地址http://ip2:port2，这样就可以避免跨域问题的出现。
在html目录下面放静态资源
把我们要部署的静态资源文件夹放到Nginx的html目录下面，例如testpage文件夹下面有一个index.html页面，直接把testpage文件夹放到Nginx的目录下面。
配置反向代理
打开Nginx conf目录下面的nginx.conf文件，在第一个server里面添加一个location对前端发送的服务调用请求地址进行过滤，配置如下：
location /api/ {
rewrite ^/api/(.*)$ /$1 break; #所有对后端的请求加一个api前缀方便区分，真正访问的时候移除这个前缀
# API Server
proxy_pass http://127.0.0.1:8092; #将真正的请求代理到真实的服务器地址，ajax的url为/api/user/1的请求将会访问http://127.0.0.1:8092/user/1
}经过上面的配置以后，我们的前端资源访问地址和ajax请求的后台服务地址就可以保持一致，从而避免了跨域问题的出现。
启动Nginx
首先在cmd命令窗口中切换到nginx所在的目录，然后输入命令：
start nginx.exe停止Nginx
在cmd命令窗口中输入：
nginx.exe -s stop注意事项
1、有时候使用命令nginx.exe -s stop停不掉Nginx，可以使用命令taskkill /f /t /im nginx.exe强制关闭Nginx进程。
相关推荐
- python基础模块三剑客:sys、os、shutil(增加示例代码)
-
注：上个篇由于不熟悉头条号编辑器，导致示例代码丢失。现在全部以图片的形式加回。有同学问了个问题：在python里如何复制、删除、重命名文件？有个同学知道os.system()，就回答说：os.syst...
- Python常用文件操作库使用详解（python 对文件操作）
-
Python生态系统提供了丰富的文件操作库，可以处理各种复杂的文件操作需求。本教程将介绍Python中最常用的文件操作库及其实际应用。一、标准库核心模块1.1os模块-操作系统接口主要功能：文件...
- 你知道Python 如何进行高效的代码重构吗?
-
点赞、收藏、加关注，下次找我不迷路写出高质量的代码是每个程序员的追求。而代码重构作为提升代码质量的重要手段，却常常被新手忽视。很多新手在编写代码时，只关注功能是否实现，却不注重代码的结构和可维护性，...
- Python常用内置模块介绍——文件与系统操作详解
-
Python提供了多个强大的内置模块用于文件和系统操作，下面我将详细介绍最常用的几个模块及其核心功能。1.os模块-操作系统交互os模块提供了与操作系统交互的接口，包括文件/目录操作、进程管理、环...
- Python的tarfile模块解压缩.tar/.tar.gz等文件
-
python中的标准库tarfile模块可以帮助我们快速压缩或者解压后缀为.tar/.tar.gz/.tar.bz2/.tar.xz的文件。01、tarfile核心类与函数介绍使用方法因为tarfil...
- 批量重命名工具，Bulk Rename Utility软件体验
-
平常在电脑上处理电子文件，经常在得到文件本身时，没有空闲和精力去为文件重命名，像是一张图片，要作为下一个步骤的素材。而处理完事过后就不理它了，顺手直接丢回收站或者放在硬盘里。但是想把文件存档和提交给上...
- 照片怎样重命名?方法有四种（照片怎么可以重命名）
-
照片怎样重命名？照片在我们日常生活中扮演着越来越重要的角色，但是有时候，我们需要对照片进行重命名，以便更好地组织和查找它们，这样也可以大大提高我们的效率。在这篇文章中，我们将介绍四种简单的方法，让你轻...
- 你需要批量创建文件夹并命名吗，给你推荐几个方法
-
小李是一家设计公司的项目经理，最近接了一个大项目，需要整理大量的设计稿。每个设计稿都需要单独创建一个文件夹，以方便团队成员协作。手动创建文件夹效率太低，而且容易出错。小李在网上搜索了各种方法，尝试了P...
- 怎样批量重命名一个工作簿中的所有工作表
-
上篇文章，Python数据的选取和处理，阅读量93，收藏15，没有评论。目前正在复习Python+Excel实现办公自动化，有兴趣的可以一起讨论，共同提高。花了近4个小时终于把6个分部的统计工作表做好...
- Windows如何批量修改文件后缀名（电脑如何批量修改文件后缀名）
-
在Windows系统中药批量修改文件后缀名的方式非常多，每个方法的优缺点各有不同，下面通过几个常见的方式给大家介绍下，Windows如何批量修改文件后缀名的。给有需要的朋友几个参考。方法一：使用文件资...
- Python3+ 变量命名全攻略:PEP8 规范 + 官方禁忌 + 实战技巧，全搞懂!
-
Python3+变量命名规则与约定详解一、官方命名规则（必须遵守）1.合法字符集变量名只能包含：大小写字母（a-z,A-Z）数字（0-9）下划线（_）2.禁止数字开头合法：user_age,...
- python代码实现读取文件并生成韦恩图
-
00、背景今天战略解码，有同学用韦恩图展示各个产品线的占比，效果不错。韦恩图（Venndiagram），是在集合论数学分支中，在不太严格的意义下用以表示集合的一种图解。它们用于展示在不同的事物群组之...
- python学习第二天:用Pycharm新建的第一个程序
-
分享第一次使用Pycharm学到的内容第一次打开得到上面图片projects：项目customize：自定义plugins：插件learn：学习newproject新建项目聪明如我在插件那里找到了汉...
- 如何编写第一个Python程序（python第一个代码）
-
一、第一个python程序[掌握]python:python解释器,将python代码解释成计算机认识的语言pycharm:IDE(集成开发环境),写代码的一个软件,集成了写代码,...
- Python文件读写操作详解:从基础到实战
-
Python文件的读写操作在Python中，文件操作非常常见，可以通过内建的open()函数进行文件的读取、写入、创建等操作。理解文件操作的模式和with语句对于确保代码的简洁性和效率至...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- python计时 (73)
- python安装路径 (56)
- python类型转换 (93)
- python进度条 (67)
- python吧 (67)
- python字典遍历 (54)
- python的for循环 (65)
- python格式化字符串 (61)
- python静态方法 (57)
- python列表切片 (59)
- python重命名文件 (54)
- python串口编程 (60)
- python读取文件夹下所有文件 (59)
- java调用python脚本 (56)
- python操作mysql数据库 (66)
- python获取列表的长度 (64)
- python接口 (63)
- python调用函数 (57)
- python人脸识别 (54)
- python多态 (60)
- python匿名函数 (59)
- python打印九九乘法表 (65)
- python赋值 (62)
- python异常 (69)
- python元祖 (57)