nginx解决跨域问题

关注

原创最新推荐文章于 2026-09-23 10:26:55 发布 679 阅读 AI 写同款· GEO 优化 ›

nginx代理解决跨域问题跨域（Cross-Origin）是指在 Web 开发中，一个网页的运行脚本试图访问另一个网页的资源时，这两个网页的域名、协议或端口号任何一个不同，就被称为跨域。跨域是由浏览器的同源策略（Same-Origin Policy）所限制的。同源策略是一种安全机制，它防止一个网页的脚本去读取另一个不同域名的网页内容。同源策略要求两个网页的协议、主机和端口号必须完全相同，否则就会出现跨域问题。简单来说，同源策略要求不同域名的网页之间不能相互访问对方的资源。阅读详情

nginx下载地址：http://nginx.org/

打开文件 conf/nginx.conf
在这里插入图片描述

server {
    listen       8081;
    server_name  127.0.0.1 192.168.1.40;

	location / {
		root  F:/file/my-fire/;
		index index.html index.htm;
	}
	
	location /api/ {
		proxy_pass  http://0.0.0.0:7080/;
		index index.html index.htm;
	}
}

设置接口地址

var url = 'http://localhost:8081/api';

访问地址别在编辑器打开，在浏览器中直接输入 localhost:8081

收录于

nginx

Nginx 代理解决跨域问题分析当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理。我相信它能帮到你。分析前准备：前端网站地址：http://localhost:8080 服务端网址：http://localhost:59200 首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正常的当网站8080去访问服务端接口时，就产生了跨域问题，那么如何解决？接下来我把跨域遇到的各种情况都列举出来并通过nginx代理的方式解决（后台也是一样的，只要你理解的原理）。跨域主要涉及4个响. 阅读详情

nginx解决跨域问题

相关推荐