设置跨域请求

天远科技  发表于:2019-08-22  分类:PHP相关  阅读(3665)  赞同41

我们在日常开发中,越来越多的采用了前后端分离,前后端分离后首先要解决的是跨域,最近我们好多项目采用了前后端分离,主要用vue来做前端开发,在前端调用后端接口时会出现跨域的问题

解决方案有多种多样,可以两个项目放在同个地址让他不跨域,或者采用nginx配置设置代理,也可以前端设置axios

proxyTable: {
      '/api':{
        target:"http://www.tynt.cn/api",
        changeOrigin:true,
        pathRewrite:{
          '^/api':''
        }
      }
    },

另外就是测试环境索性允许跨域,在头部设置如下信息

header('Access-Control-Allow-Origin:*'); // *代表允许任何网址请求 

header('Access-Control-Allow-Methods:POST,GET,OPTIONS,DELETE'); // 允许请求的类型 

header('Access-Control-Allow-Credentials: true'); // 设置是否允许发送 cookies 

header('Access-Control-Allow-Headers: Content-Type,Content-Length,Accept-Encoding,X-Requested-with, Origin');

博文分类

线

在线联系
点击这里给我发消息
点击这里给我发消息
关注我们