账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    nginx解决跨域的配置问题
    21
    0

    vue项目 想用nginx解决跨域问题

    下面问题我知道原因了,现在遇到了新问题,nginx监听8080端口,好把locahost:8080/apis转成别的地址,但是node也在监听8080冲突了怎么办

    配置:

    server {
        listen       8080;
        server_name  localhost;
    
        #charset koi8-r;
    
        #access_log  logs/host.access.log  main;
        
        location /apis{
            proxy_pass http://baidu.com;
        }
    }
    

    这样配置以后,访问http://localhost:8080/apis会跳到http://localhost:8080/apis#/index 而不是baidu.com怎么办?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 爱上铜臭味 普通会员 1楼

      Nginx解决跨域的配置问题可以分为以下几个步骤:

      1. 首先,你需要配置Nginx的server模块来处理跨域请求。这个模块允许你设置CORS(跨源资源共享)规则,允许来自不同源的请求在同一域名下的服务器上处理。

      server模块中,你可以使用set_header函数来设置CORS规则。例如,你可以设置Access-Control-Allow-Origin*,这意味着所有来自任何源的请求都可以在同一个域名下的服务器上处理。

      1. 其次,你需要配置location模块来处理这些跨域请求。这个模块允许你设置不同的响应头,例如Access-Control-Allow-OriginAccess-Control-Allow-Methods等,以指定哪些请求可以被允许。

      location模块中,你可以使用location块来处理跨域请求。例如,你可以这样设置一个location块来允许来自特定源的请求:

      location /my-cors-url { proxy_pass http://localhost:8080; proxy_set_header Access-Control-Allow-Origin *; proxy_set_header Access-Control-Allow-Methods GET, POST, PUT, DELETE; proxy_set_header Content-Type application/json; }

      1. 最后,你需要在你的Web服务器上运行Nginx,配置这些配置。你可以使用命令行工具如nginx来运行Nginx,或者使用Web服务器的命令行界面来配置Nginx。

      例如,如果你使用的是nginx,你可以使用以下命令来运行Nginx:

      bash nginx -t

      这将会列出所有可用的配置,并允许你检查和修改它们。

      以上就是在Nginx解决跨域的配置问题的基本步骤。具体的配置可能需要根据你的特定需求进行调整。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部