美文网首页
关于跨域问题

关于跨域问题

作者: 給我小鱼干 | 来源:发表于2018-07-30 10:51 被阅读0次

前端解决跨域问题方法:
1、在返回头加入headers: { "Access-Control-Allow-Origin": "*" }

let { pathname, query } = url.parse(req.url, true); // true把query转化成对象
    if (pathname === '/page') {
        let offset = parseInt(query.offset) || 0; //拿到当前前端传递的值
        read(function(books) {
            // 每次偏移量 在偏移的基础上增加五条
            let result = books.reverse().slice(offset, offset + pageSize); //数据倒序
            let hasMore = true; //默认有更多
            if (books.length <= offset + pageSize) { // 已经显示的数目 大于了总共条数
                hasMore = false;
            }
            res.setHeader('Content-Type', 'application/json;charset=utf8');
            res.setHeader("Access-Control-Allow-Origin", "*");
            res.end(JSON.stringify({ hasMore, books: result }));
        });
        return;
    }

2、使用node解决跨域问题

//app.js
app.all('*', function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "X-Requested-With");
    res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
    res.header("X-Powered-By",' 3.2.1')
    res.header("Content-Type", "application/json;charset=utf-8");
    next();
});

3.使用node koa框架 引入cors

npm install cors
//app.js
let cors = require('cors');
app.use(cors());

相关文章

  • 无标题文章

    关于axios跨域的问题

  • 前端踩过的坑

    关于前端 跨域问题 大概问题 1,前端无须处理,需要在后台配置 niginx的配置 处理跨域的域名 关于布局上 ...

  • 深入跨域问题(3) - 利用 JSONP 解决跨域

    深入跨域问题(1) - 初识 CORS 跨域资源共享;深入跨域问题(2) - 利用 CORS 解决跨域深入跨域问题...

  • window.URL 与 跨域

    跨域 关于跨域问题,简单来说就是通过地址访问资源时,所用的协议不同导致无法访问目标。 网上已经有很多关于跨域的主流...

  • 跨域请求CORS

    前沿: 最近总听到同事聊跨域得问题,于是自己抽空仔细的查阅了一下关于跨域的知识。说到跨域,就得提到同源,跨域是指一...

  • 深入跨域问题(2) - 利用 CORS 解决跨域

    阅读目录: 深入跨域问题(1) - 初识 CORS 跨域资源共享;深入跨域问题(2) - 利用 CORS 解决跨域...

  • 关于跨域问题

    前端解决跨域问题方法:1、在返回头加入headers: { "Access-Control-Allow-Origi...

  • 关于跨域问题

    跨域首先要知道域是什么?域(Domain)是Windows网络中独立运行的单位,域和域之间相互访问,则需要建立信任...

  • 关于跨域问题

    常见的解决方案可以从服务端考虑,也可以从代理层(一般都是Nginx/openrestry)考虑;解决跨域核心是添加...

  • 跨域与常用方案

    本文源自一次内部关于跨域的讨论分享的总结 理解跨域的重点在于:了解跨域产生的场景、原理 跨域问题只在浏览器客户端环...

网友评论

      本文标题:关于跨域问题

      本文链接:https://www.haomeiwen.com/subject/kdixvftx.html