使用nginx解决跨域请求

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

跨域简单来说,就是浏览器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

成功!

点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注