使用nginx反向代理解决前端跨域问题

 时间:2024-10-13 10:53:57

1、首先上官网下载一个nginx版本,对于版本没什么要求。

使用nginx反向代理解决前端跨域问题

2、然后,找到【conf】目录下的【nginx.conf】文件,

使用nginx反向代理解决前端跨域问题
使用nginx反向代理解决前端跨域问题

3、打开nginx.conf,找到server{listen 80;server_name localhost ...}这一段代码。

使用nginx反向代理解决前端跨域问题

4、然后参考下图,重新配置一个server,多个server只要端口不相同,就不影磨蓄贺痞响。为了方便复制,我把这段代码敲出来:serv髫潋啜缅er {listen 9001; # 监听端口location / {proxy_pass http://127.0.0.1:9000; # 指定根目录页面内容}location /demoapi { #代理所有以/demoApi开头的请求。rewrite ^/demoapi/(.*)$ /$1 break; # 监听所有/demoapi前缀,是则转发后台api接口地址proxy_pass http://127.0.0.1:5050/; #注意这里要有/}}

使用nginx反向代理解决前端跨域问题

5、配置完毕之后,双击nginx.exe即可运行。

使用nginx反向代理解决前端跨域问题

6、需要注意的是,nginx如果要关闭,只能到任务管理器中关闭进程才行。如果同时开启多个nginx,可能导致未知的错误,所以建议把无用的都关掉,只运行一次即可。

使用nginx反向代理解决前端跨域问题
  • thunderbolt 2是什么
  • 双椒鱼的做法
  • 如何设置安卓手机,电脑时间与网络同步
  • 企业微信怎么开启远程协助
  • ie通过禁用加载项来提高浏览速度
  • 热门搜索
    手抄报设计实用手册 中秋手抄报 清明节的手抄报图片 开学第一课手抄报 手抄报大全简单又漂亮 手抄报模版 校园手抄报模板 长城手抄报 新年的手抄报 文明校园手抄报图片