Windows中使用Nginx解决前后端分离部署中的跨域问题
off999 2025-01-04 22:24 13 浏览 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如何操作Excel，xlrd和xlwt类库的使用
-
xlrd和xlwt类库简介xlrd和xlwt是Python中两个用于处理Excel文件的类库。xlrd用于读取Excel文件，xlwt用于写入Excel文件。这两个类库可以在Python中方便地处理E...
- 操作Excel，Python根本打不过VBA
-
很开心今天把一个与财务有关的Excel取数计算方面的项目收尾了。这次项目使用的是ExcelVBA语言开发。作为一名Python语言使用者，经历过这次项目开发后，更加坚定了Python根本不可能动摇V...
- 个人用户将Excel接入DeepSeek的详细步骤指南
-
个人用户将Excel接入DeepSeek的详细步骤指南，无需复杂编程基础，提供多种实现方式：一、准备工作：获取DeepSeekAPI密钥1.注册DeepSeek账号-访问[DeepSeek官网...
- Python通过win32库操控Excel实战指南
-
Python通过win32库操控Excel实战指南。同学们，我是张老师。今天给大家讲的是Python通过win32库操控Excel实战指南。今天课的主要内容有：易开发、环境配置、二Excel基础操作实...
- 如何在Excel中直接使用DeepSeek的功能
-
在Excel中直接使用DeepSeek的功能（如AI模型能力），目前需通过间接集成方式实现，因为DeepSeek并未提供官方的Excel插件。以下是两种常用方法：方法1：通过API调用集成（推荐）若D...
- Python自动化:xlrd读取excel
-
#pipinstallxlrd工作簿、工作表相关操作：importxlrd#打开工作簿people=xlrd.open_workbook('people1.xls')...
- Python自动化:openpyxl读取excel，补充了些内容
-
打开工作簿，选择工作表importopenpyxl#打开已有工作簿wb=openpyxl.load_workbook('example1.xlsx')#sheetna...
- Python自动化:openpyxl读取excel
-
#pipinstallopenpyxl工作簿、工作表相关操作：importopenpyxl#打开已有工作簿wb=openpyxl.load_workbook('example...
- Java的优势:跨平台只是一部分
-
以下讨论只针对PC端和移动端。Java最大的优势真的在于跨平台吗？以前是，但现在已经不是了。有跨平台需求的仅仅是客户端应用，而不是服务端。例如桌面应用，你的客户可能是Windows用户，也可能是Lin...
- 都2023年了，为什么大家还都在吹捧 Python?
-
2023年，Python还可学吗？答案当然是可。近些年间，Python的火热有目共睹，作为一种功能强大的高级编程语言，在2018年的时候它的流行程度就得到了大幅提高。入门人工智能有很多种选择...
- Python编程语言的优势有哪些?
-
1.简单易学：Python采用极简主义设计思想，语法简单优雅，不需要很复杂的代码和逻辑，即可实现强大的功能。这使得Python很适合初学者学习，可以帮助初学者快速入门。2.开源免费：Python所有内...
- Python操作Excel库xlrd与xlwt常用操作详解
-
来源：早起Python作者：刘早起大家好，我是早起。在之前的Python办公自动化系列文章中，我们已经相信介绍了openyxl、xlsxwriter等Python操作Excel库。openpyxl操作...
- python处理Excel,从此爱上python
-
python能干的事情太多，对于小白来说，只能望洋生叹，不过不要灰心，看看我是如何使用python处理Excel的，你就能理解python的简单和高效。一、Excel文件1、文件路径F:/...
- 软件测试|Python操作Excel制作报表，不要太方便
-
前言今天我们介绍的是Python操作Excel制作报表，我们需要用到的库是openpyxl，我们主要使用的功能有下列几个功能插入与查询数据分类数据统计数据可视化字体颜色修改基本操作表格初始数据如下图所...
- python笔记52:python操作excel
-
主要内容：小目标：掌握excel模块主要内容：excel相关模块，openpyxl安装使用如果看完这篇文章，你还是弄不明excel相关操作；你来找我，我保证不打你，我给你发100的大红包。1.ex...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- python计时 (54)
- python安装路径 (54)
- python类型转换 (75)
- python进度条 (54)
- python的for循环 (56)
- python串口编程 (60)
- python写入txt (51)
- python读取文件夹下所有文件 (59)
- java调用python脚本 (56)
- python操作mysql数据库 (66)
- python字典增加键值对 (53)
- python获取列表的长度 (64)
- python接口 (63)
- python调用函数 (57)
- python qt (52)
- python人脸识别 (54)
- python斐波那契数列 (51)
- python多态 (60)
- python命令行参数 (53)
- python匿名函数 (59)
- python打印九九乘法表 (65)
- centos7安装python (53)
- python赋值 (62)
- python异常 (69)
- python元祖 (57)