node跨域方法

call_me_R 發(fā)布于2019-08-01 17:29 / 2818人閱讀

摘要：第一種參看用實(shí)現(xiàn)和服務(wù)第二種部分填寫(xiě)有誤添加成功重點(diǎn)部分是添加響應(yīng)頭信息可以是，也可以是跨域的地址在里不需要做任何特殊處理仍舊是部分姓名職位添加出錯(cuò)了出錯(cuò)了

第一種：jsonp
參看用nodejs實(shí)現(xiàn)json和jsonp服務(wù)

第二種：res.wirteHead
node部分

var http = require("http")
var url = require("url")
var querystring = require("querystring")

var port = 9000
var jsonData = { "name": "xiaohong", "job": "daboss" }
http.createServer(function (req, res) {
    // var pathStr = url.parse(req.url)
       res.writeHead(200, {
        "Content-Type": "application/json;charset=utf-8",
        "Access-Control-Allow-Credentials": true,
        "Access-Control-Allow-Origin": "*"
    })
    var type = req.method;
    if (type == "GET") {
     
        res.end(JSON.stringify(jsonData))
    } else if (type == "POST") {
        var str = "";
        req.on("data",function(chunk){
            str += chunk;
        })
       
        req.on("end",function(){
            var data = querystring.parse(str)
            console.log(data)
            if(data.name == "" || data.job == ""){
                res.end(JSON.stringify({"success":true,msg:"填寫(xiě)有誤"}))
            }else{
                res.end(JSON.stringify({"success":false,msg:"添加成功"}))
            }

        })
    }

}).listen(port, function () {
    console.log("server is runing at port " + port)
})

重點(diǎn)部分是添加響應(yīng)頭信息

    res.writeHead(200, {
        "Content-Type": "application/json;charset=utf-8",
        "Access-Control-Allow-Credentials": true,
        "Access-Control-Allow-Origin": "*" //可以是*，也可以是跨域的地址
    })

在ajax里不需要做任何特殊處理
dataType仍舊是json

html部分

Document click me

姓名: 職位：添加

云服務(wù)器 GPU云服務(wù)器端跨域跨域 Nodes Node

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/51168.html

相關(guān)文章

關(guān)于跨域

摘要：服務(wù)端接收到請(qǐng)求后，通過(guò)該參數(shù)獲得回調(diào)函數(shù)名，并將數(shù)據(jù)放在參數(shù)中將其返回收到結(jié)果后因?yàn)槭菢?biāo)簽，所以瀏覽器會(huì)當(dāng)做是腳本進(jìn)行運(yùn)行，從而達(dá)到跨域獲取數(shù)據(jù)的目的。在使用Vue搭建的一個(gè)后端管理系統(tǒng)中，我使用axios請(qǐng)求本地的Node環(huán)境下的接口，但是請(qǐng)求失敗，然后我錯(cuò)誤信息是：showImg(https://segmentfault.com/img/remote/1460000018521...

AlexTuan 2019-08-23 15:56 評(píng)論0 收藏0
那些年踩過(guò)的坑——node代理解決跨域的問(wèn)題

摘要：在實(shí)際開(kāi)發(fā)中，前后端分離的項(xiàng)目通常會(huì)需要同后臺(tái)開(kāi)發(fā)人員聯(lián)調(diào)接口，不可避免的會(huì)碰到跨域的問(wèn)題。在實(shí)際開(kāi)發(fā)中，前后端分離的項(xiàng)目通常會(huì)需要同后臺(tái)開(kāi)發(fā)人員聯(lián)調(diào)接口，不可避免的會(huì)碰到跨域的問(wèn)題。雖說(shuō)跨域問(wèn)題最后基本都是后臺(tái)同事解決的，但是有時(shí)候?yàn)榱粟s時(shí)間，沒(méi)轍只有自己來(lái)，使用node代理解決跨域：協(xié)議域名端口號(hào) 三個(gè)只要有一個(gè)不一樣就是跨域，也就是不同域名之間的訪問(wèn)；通常解決跨域的...

worldligang 2019-08-23 14:43 評(píng)論0 收藏0
【跨域】跨域的簡(jiǎn)易實(shí)現(xiàn)和測(cè)試

摘要：前言由于自己平時(shí)只做做，并沒(méi)有遇到太多跨域問(wèn)題，今天通過(guò)幾個(gè)樣例模擬實(shí)現(xiàn)了幾種跨域方式。前言由于自己平時(shí)只做做demo，并沒(méi)有遇到太多跨域問(wèn)題，今天通過(guò)幾個(gè)樣例模擬實(shí)現(xiàn)了幾種跨域方式。原文地址傳送門(mén) 本文所有樣例靜態(tài)服務(wù)器基于nodejs實(shí)現(xiàn)，代碼親測(cè)可用。測(cè)試步驟如下： 1.為了實(shí)現(xiàn)跨域訪問(wèn)的效果，需要下載http-server 作為一個(gè)服務(wù)器 npm install http...

ninefive 2019-08-22 11:07 評(píng)論0 收藏0
「跨域」利用node.js實(shí)踐前端各種跨域方式（下）

摘要：技術(shù)的學(xué)習(xí)也是如此唯有實(shí)踐才能更清楚的明白原理和加深印象，因此本文會(huì)利用對(duì)前端的各種跨域方式進(jìn)行實(shí)踐，強(qiáng)烈建議一步一步跟著做，相信你肯定會(huì)對(duì)跨域有更深層次的理解。前言常言道，讀萬(wàn)卷書(shū)，不如行萬(wàn)里路。技術(shù)的學(xué)習(xí)也是如此,唯有實(shí)踐才能更清楚的明白原理和加深印象，因此本文會(huì)利用node.js對(duì)前端的各種跨域方式進(jìn)行實(shí)踐，強(qiáng)烈建議一步一步跟著做，相信你肯定會(huì)對(duì)跨域有更深層次的理解。而由于篇...

Jenny_Tong 2019-08-22 18:02 評(píng)論0 收藏0
20K前端大佬面試(關(guān)于如何回答ajax跨域問(wèn)題)

摘要：在接觸前端開(kāi)發(fā)起，跨域這個(gè)詞就一直以很高的頻率在我們學(xué)習(xí)工作中重復(fù)出現(xiàn)，最近在工作中遇到了跨域的相關(guān)問(wèn)題，這里我把它總結(jié)記錄一下。在接觸前端開(kāi)發(fā)起，跨域這個(gè)詞就一直以很高的頻率在我們學(xué)習(xí)工作中重復(fù)出現(xiàn)，最近在工作中遇到了跨域的相關(guān)問(wèn)題，這里我把它總結(jié)記錄一下。關(guān)于跨域，有N種類(lèi)型，現(xiàn)在我只專(zhuān)注于ajax請(qǐng)求跨域(ajax跨域只是屬于瀏覽器同源策略中的一部分,其它的這里不做介紹)，內(nèi)容...

Yangyang 2019-08-02 16:09 評(píng)論0 收藏0