请选择 进入手机版 | 继续访问电脑版
 找回密码
 免费注册
搜索

vue发起的请求需要支持跨域

0
回复
677
查看
[复制链接]

44

主题

45

帖子

328

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
328
2020-3-2 15:27:52 显示全部楼层 |阅读模式
  vue项目的后台数据来源是Express编写的服务端程序,所以对于所有的 Vue. js发起的请求需要支持跨。
  什么叫做跨域呢?通常情況下是指两个不在同一个域名下的页面无法正常通信,或者无法取其他域名下的数据。主要原因是浏洳安全问题考虑,采用了同源策略,通过浏览器对Javascript的限制,防止用户恶意获取非法数据。

  但此时必须进行跨域请求,Wue.js和 Express提供了两种可以支持跨域:

  (1).jsonp()方法

         (2).另一种方法需要更改Express编写的服务器端代码,在app.js中进行全路由的配置,具体的跨域代码如下:
        app . all ( ‘*’ , function ( req , res , next){
             res.header ('Access-Control-Allow-Origin','*');
             res.header ('Access-Control-Allow-Headers' , 'Content-type , Content-Length,
             Authorization , Accept , X-Requested-With , yourHeaderFeild');
             res.header ('Access-Control-Allow-Methods' ,'PUT,POST,GET,DELETE,OPTIONS');
             if(req.method == 'OPTIONS'){
               res.send(200);
           } else{
               nest();
             }
         });
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 免费注册