前後端分離情況下的資料互動

2022-08-22 20:57:09 字數 1794 閱讀 8277

var data = ;

$.ajax(

});

開啟伺服器

// 開啟伺服器

const express = require("express");//需要安裝express包方便

const bp = require("body-parser");

const router = express.router();

// 全域性設定跨域請求頭

res.header("access-control-allow-origin", ""); //前端的伺服器端口

res.header("access-control-allow-headers", "*");

res.header("access-control-allow-methods", "put,post,get,delete,options");

res.header("x-powered-by", " 3.2.1");

res.header("access-control-allow-credentials", "true");

next();

});

連線資料庫

2.1 連線mongodb資料庫

mongodb是乙個介於關聯式資料庫和非關聯式資料庫之間的資料庫,無序事先建立好資料庫內資料夾,表,欄位.可在伺服器內**進行建立

const mongoose = require("mongoose");//連線資料庫,需要先安裝mongoose包

mongoose.connect("mongodb://localhost/mondb", ).then(() => console.log("資料庫連線成功")).catch((err) => console.log("資料庫連線失敗", err));

//設定集合規則

const coureseschema = new mongoose.schema();

const lyb = mongoose.model("lyb", coureseschema);//建立資料**,lyb表示**名,coureseschema表示表內字元的名字集合跟格式規則

lyb.find({}).exec(function(err, data) 查詢的條件

console.log(data);//返回查詢到的資料

});

2.2 連線 mysql 資料庫
mysql關係型資料 呼叫資料必須先建立好錶名,字段格式才能進行操作

let mysql = require("mysql"); //引入mysql資料庫 須先安裝mysql包

let option = ;

let connection = mysql.createconnection(option);

connection.connect(function(err) else

}}

console.log(req.body);//前端傳輸過來的資料

res.json(data)//回傳到介面的json資料,方便前端進行獲取資料

}) console.log(req.query);//前端傳輸過來的json資料

res.json(data)//回傳到介面的json資料,方便前端進行獲取資料

}) // 運算元據庫

lyb.find(req.body).exec(function(err, data) );

});

前後端分離情況下出現跨域問題的解決方案

在前後的端開發中會遇到跨域的問題,在生產環境上,我們可以通過nginx的 模式來解決,但是在開發的時候可以通過下面的方法來解決跨域的問題。package com.moss.server.config import org.springframework.context.annotation.conf...

前後端資料互動的方式

1 利用cookie物件 cookie是伺服器儲存在客戶端裡的一小部分資料,使用cookie也有前提,就是客戶端允許使用cookie並作出相應設定。後台 cookie cookie new cookie name hello response.addcookie cookie 前台 cookie c...

前後端分離模式下的登入認證授權

認證授權流程 這裡需要重寫兩個重要的過濾器 在該方法中我們執行了 usernamepasswordauthenticationtoken authenticationtoken newusernamepasswordauthenticationtoken username,token,authori...