nginx 跨域_手把手教你nginx解决前端本地跨域问题

收到很多私信,有许多同学遇到本地开发静态文件,想要调试远程接口的问题,教大家一个解决跨域调试常用的方法。有什么其他问题也欢迎大家关注私信我,看到的会一一解答。

先下载nginx,因为大部分人是windows 开发环境,所以文章介绍的也是windows版本

b010d3f9f44b5b0632b2f65e469934d0.png

下载nginx

99b928d10f5d75941b622b3c562a7d24.png

安装后的目录

打开配置文档,新建一个自己的配置文件my.conf。 然后找到conf/nginx.conf 引入my.conf

d1008fd27e554b20d651a6bea4067a1e.png

在nginx.conf文件引入my.conf

配置my.conf文件

 server {        listen       3333;    #监听端口  可以访问localhost:3333        server_name  localhost; #access_log  logs/host.access.log  main;location / {root  C:/Users/86183/Desktop/feedback;# 静态文件路径index  index.html index.htm;# 静态文件首页名字}location /api/ { # 请求路劲是api 开头会自动跳转至 www.baidu.com/api/proxy_passhttp://www.baidu.com;  #这里填上服务器地址}        error_page   500 502 503 504  /50x.html;        location = /50x.html {            root   html;        }   }

配置成功,在nginx根目录打开 cmd, 命令行输入:

```

nginx版本:nginx -V

启动:start nginx

快速关闭: nginx -s stop

正常关闭:nginx -s quit

重启:nginx -s reload

```

http://localhost:3333/ 查看网站,Ok啦!!!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值