nginx解决本地跨域问题

简介: nginx解决本地跨域问题

nginx解决本地跨域问题

下载nginx

链接: https://pan.baidu.com/s/1Jdke1kLqjBo7zYjsnUz3CA

提取码:p06l

在 conf/nginx.conf 配置

listen 8081 是nginx的启动端口
location /跨域.html {
proxy_pass https://www.baidu.com/;
}
/跨域.html 是接口访问的路径
proxy_pass https://www.baidu.com/; 是代理的地址

代码访问路径

安装http-server启动一个服务

  1. 全局安装

npm install --global serve

  1. 启动
    http-server -p 8080

实现效果:


相关文章
|
4月前
|
前端开发 Java 应用服务中间件
解决跨域问题的8种方法,含网关、Nginx和SpringBoot~
解决跨域问题的8种方法,含网关、Nginx和SpringBoot~
212 0
解决跨域问题的8种方法,含网关、Nginx和SpringBoot~
|
3月前
|
前端开发 应用服务中间件 Linux
nginx解决springcloud前后端跨域问题,同时配置ssl
nginx解决springcloud前后端跨域问题,同时配置ssl
|
10月前
|
安全 前端开发 应用服务中间件
Nginx 轻松搞定跨域问题
Nginx 轻松搞定跨域问题
|
7月前
|
应用服务中间件 nginx
百度搜索:蓝易云 ,Nginx设置禁用 OPTIONS 请求以及允许跨域教程!
通过按照上述步骤,在Nginx中设置禁用OPTIONS请求和允许跨域。请确保在编辑Nginx配置文件时使用正确的服务器名称或IP地址。
62 0
|
5月前
|
安全 JavaScript 应用服务中间件
Nginx 跨域解决方案
跨域资源共享(CORS) 是一种机制,它使用额外的 HTTP 头来告诉浏览器,它允许 Web 应用服务器进行跨域访问控制,从而使跨域数据传输得以安全进行。 跨域资源共享标准新增了一组 HTTP 首部字段,允许服务器声明哪些源站通过浏览器有权限访问哪些资源。另外,规范要求,对那些可能对服务器数据产生副作用的 HTTP 请求方法(特别是GET以外的 HTTP 请求
|
9月前
|
JavaScript 前端开发 应用服务中间件
Vue 前端接口跨域,本地 Nginx 代理配置
Vue 前端接口跨域,本地 Nginx 代理配置
320 0
|
10月前
|
缓存 负载均衡 JavaScript
Nginx一网打尽:动静分离、压缩、缓存、黑白名单、跨域、高可用、性能优化...
Nginx一网打尽:动静分离、压缩、缓存、黑白名单、跨域、高可用、性能优化...
233 0
|
11月前
|
负载均衡 前端开发 JavaScript
【Node.js实战】一文带你开发博客项目之联调(导入HTML、Nginx反向代理、CORS解决跨域、与前端联调)
【Node.js实战】一文带你开发博客项目之联调(导入HTML、Nginx反向代理、CORS解决跨域、与前端联调)
170 1
|
12月前
|
缓存 前端开发 NoSQL
Spring Boot2.x-13前后端分离的跨域问题解决方法之Nginx
Spring Boot2.x-13前后端分离的跨域问题解决方法之Nginx
260 0
|
数据采集 缓存 网络协议
Nginx 一网打尽:动静分离、压缩、缓存、黑白名单、跨域、高可用、性能优化... ( 二)
Nginx 一网打尽:动静分离、压缩、缓存、黑白名单、跨域、高可用、性能优化.. .(二)