專案流程 gulp 前後端跨域

2021-09-18 02:07:36 字數 1952 閱讀 3505

1.總監

決定專案使用哪種開發工具, 使用哪個框架開發

開發工具: gulp webpack(主流) 自動構建專案的快速開發工具

框架:jq

bsvue

angular

react

2. 構建版本控制工具

git svn

3. 決定專案託管的地方

github 碼雲(gitee)

4. 建立碼雲的環境

5. 建立分支

預設直接建立好的 遠端主分支(master)

建立多個遠端子分支

專案組:

組長: yyb master

成員: 成員1 branch1

成員2 branch2

成員3 branch3

成員4 branch4

git衝突:

指的是兩個人同時操作了乙個分支

git 衝突解決;

先拉取, 再上傳

git pull

git push

2. 底層開發: 等安排本地

主分支(預設)

子分支

3. 專業詞

https : https協議

ssh : 秘鑰( git協議 )

npmjs中的gulp的外掛程式 3.x gulp語法支援 不支援4.x

前端伺服器啟動

sass編寫

html產出

靜態資源拷貝

js壓縮

gulp4.x 中 series parallel

反向** (外掛程式 http-proxy-middleware)

1.5 node.js express跨域

router.get(』/shopcar』,function(req,res,next))

})cors中介軟體跨域(兩種寫法)

安裝cors

cnpm i cors -d

反向**服務跨域

0: 什麼叫反向**?

反向**指的是在前端的伺服器環境中, 短暫的開啟乙個後端伺服器, 由後端伺服器進行資料請求, 然後在將結果返回給前端

使用工程化工具自帶的 反向**服務 — 暫時不能用

gulp

webpack (自帶的)

使用第三方提供的反向**服務 --> http-proxy-middleware

// 1. 啟動乙個靜態伺服器 gulp.task('server',function(), open: true, allowempty: true, middleware: [ // proxy(標記,配置項) proxy('/yyb', }), proxy('/login',) ] })) })總結:

後端解決跨域(設定請求頭)

express 原生

cors中介軟體

前端解決跨域

反向**(無論是自帶的還是第三方的都得通過工程化工具解決)

前後端專案分離 跨域問題

1.跨域 說明最少有兩個域,才會出現跨的這種情況 2.跨域問題出現的本質 a.網域名稱不同,b.埠號不同,c.協議 不同 3,瀏覽器的同源策略 非位址列請求 如a頁面在a服 務器,b頁面在b伺服器,在a頁面請求b頁面的資訊就會出現跨域問題,目的是為了保證使用者資訊保安 如果a頁面可以獲取b頁面資訊,...

記前後端專案 跨域問題

記 前後端分離專案 vue flask 前後端分離跨域問題 get請求 因為http協議造成的跨域 第一種就是 使用cors from flask cors import cors cors第二種設定設定請求頭 第一種 後端使用cors from flask cors import cors cor...

前後端跨域問題

跨域問題是前後端分離專案的典型問題之一,前端採用vue cli新建的專案運用介面 來實現跨域處理 一 在vue專案中config index.js檔案中 module.exports 二 後台更改header header access control allow origin 代表允許所有網域名稱...