首页 > 系统相关 >Nginx 解决跨域请求

Nginx 解决跨域请求

时间:2022-10-20 09:14:20浏览次数:48  
标签:index 跨域 nginx 前端 Nginx 地址 web 请求

一遇到到下这种问题,大家是不是很头疼,没错,这就是跨域问题,首先我们先说一下什么是跨域?为什么会跨域?什么问题造成的?

 

 跨域简单来说,就是浏览器url地址和访问数据接口的地址端口或域名不一致造成的。

只需要让前端页面和后端程序放到一块使用同一个域名和同一个端口即可解决,正好使用nginx可以解决此问题。

nginx下载地址:https://pan.baidu.com/s/1VbXmRPi_Sjna-jVacjMBFg

提取码: adsu

下载后解压打开,修改conf文件下的nginx.conf文件,找到server

 

 修改location /,proxy_pass代理到你的后台地址

 

 添加新的映射

location /web/ {
   index index.html index.htm;

   #你的前端地址
   root C:/Users/tongyao/Desktop;
   error_page 405 =200 $uri;
}

 

 图中我把前端页面放到一个名为web的文件夹到桌面了,然后保存,点击nginx根目录的nginx.exe双击运行

 

 然后通过任务管理器查看是否启动成功。

 

 启动成功之后,然后去浏览器访问:http://localhost/web/login.html

成功!
————————————————
版权声明:本文为CSDN博主「张童瑶」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/u014641168/article/details/111831976

标签:index,跨域,nginx,前端,Nginx,地址,web,请求
From: https://www.cnblogs.com/djd66/p/16808525.html

相关文章