江西省城乡住房建设厅网站,四川网站开发公司,商品图片网站开发,需要手机号注册的网站需求实现
本地请求百度的一个搜索接口#xff0c;用nginx代理解决跨域思路#xff1a;前端和后端都用nginx代理到同一个地址8080#xff0c;这样访问接口就不存在跨域限制
本地页面
查询一个百度搜索接口#xff0c;运行在http://localhost:8035
index.js
const path …需求实现
本地请求百度的一个搜索接口用nginx代理解决跨域思路前端和后端都用nginx代理到同一个地址8080这样访问接口就不存在跨域限制
本地页面
查询一个百度搜索接口运行在http://localhost:8035
index.js
const path /s?ieutf-8mod1isbd1isid32E40E4954198269ieutf-8f8rsv_bp1rsv_idx2tnbaidutop10wd%E9%98%BF%E9%87%8C%E8%BE%BE%E6%91%A9%E9%99%A2%E8%A3%81%E6%92%A4%E9%87%8F%E5%AD%90%E5%AE%9E%E9%AA%8C%E5%AE%A4oq%25E9%2598%25BF%25E9%2587%258C%25E8%25BE%25BE%25E6%2591%25A9%25E9%2599%25A2%25E8%25A3%2581%25E6%2592%25A4%25E9%2587%258F%25E5%25AD%2590%25E5%25AE%259E%25E9%25AA%258C%25E5%25AE%25A4rsv_pqaa3000c700059c97rsv_tdc43G%2B%2BXaqAS56%2B0UrBoDRNzBFYzNO23OT7ktw83SdWrOCxFOH0i2bYVSOJvWtCQCgrqlangcnrsv_enter0rsv_dltbrsv_btypetbs%E9%98%BF%E9%87%8C%E8%BE%BE%E6%91%A9%E9%99%A2%E8%A3%81%E6%92%A4%E9%87%8F%E5%AD%90%E5%AE%9E%E9%AA%8C%E5%AE%A4rsv_sidundefined_ss1clisthsugf4s1csor0_cr145968;function testNginxFetch() {fetch(https://www.baidu.com${path}).then(res {console.log(res, res);})
}testNginxFetch()不出意外的会报cors错误
修改nginx配置文件
mac地址/usr/local/etc/nginx/nginx.confwindows地址示例D:\nginx-1.16.0\conf\nginx.conf
nginx.conf
server {# 监听端口listen 8080;location / {# 以/开头的请求会被代理到8080proxy_pass http://localhost:8035;}location /s {# 以/s开头的请求也会被代理到8080proxy_pass https://www.baidu.com;}
}index.js
// 修改请求url删除域名前缀
fetch(path).then(res {console.log(res, res);
})启动nginx
● mac 命令sudo nginx // 启动
sudo nginx -s stop // 停止
sudo nginx -s reload // 重新加载
----------------------------------------
● windows 命令(cmd 进入Nginx解压目录 执行以下命令)启动Nginxstart nginx
快速停止或关闭Nginxnginx -s stop
正常停止或关闭Nginxnginx -s quit
配置文件修改重装载命令nginx -s reloadmac上启动 cmd输入命令sudo nginxwindows上启动 cmd输入命令start nginx
打开localhost:8080查看结果
可以看到前后端都运行在8080服务器且百度的接口成功响应
