當前位置:首頁 » 網頁前端 » 前端博客搭建http
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端博客搭建http

發布時間: 2022-12-12 14:37:10

A. Web:前後端http/https跨協議問題

搭建內部中台時遇到了一個很尷尬的問題:
搭建前端 使用的vue,然後產出靜態文件,用nginx代理到http的地址;
搭建後端 使用的flask-restful,直接python運行,運行在http的地址;(另外吐槽下,flask-restful真心好用,但是目前資料真的太少,flask的資料多,但是作為初學者,還看不懂TAT)
內部地址 找運維大大申請了,最終運行在https的地址;
問題出現了: 前端使用http地址直接訪問時沒有問題,但是使用https訪問時,請求後端是用ajax請求的http地址,報錯

查網上的方案主要是,將後端改造,也支持https/後端通過nginx代理成http。作為新手已經看懵了,因為還得自己配置下https證書。這些解決方案我貼到下面

但是問運維大大,找到了另外一個方案:把後端也用nginx反向代理到同一個介面,ajax請求就可以用https的啦。運維大大牛逼!
這里貼一下nginx的代理配置,希望可以幫助到其他同學~

感慨下,欠的債終究要補啊。不懂的東西太多,沒系統學習過註定在日後踩坑TAT

1.Nginx直接反向代理後端: https://blog.csdn.net/qq_37105358/article/details/80854559
2.Flask直接走https:
https://blog.miguelgrinberg.com/post/running-your-flask-application-over-https
3.阮一峰的SSL/TSL協議概述:
https://www.ruanyifeng.com/blog/2014/02/ssl_tls.html

B. 前端搭建本地伺服器供區域網使用

作為前端開發搭建本地服務尤其重要,下邊的方法三步完成伺服器的搭建:

$ npm install http-server -g  // 全局安裝http-server

$ cd demo2   // 打開要共享的文件

$ http-server // 搭建服務

https://segmentfault.com/q/1010000003926981

C. 前端必備HTTP技能之請求頭響應頭格式以及請求方法簡述

http協議中,客戶端和服務端通過發送純文本(ASCII)消息的方式進行通信,客戶端發送請求(requests)到服務端,服務端發送響應(responses)到客戶端。
請求消息格式

例子:

響應消息格式

例子:

為了標識特定資源需要特定的行為訪問,HTTP協議定義了多種請求方法。這種特定資源是什麼樣的,是已有的數據,還有動態生成的?主要依賴於服務端實現。通常來說這種資源對應一個文件或者屬於服務端的一個可執行輸出。

HTTP/1.0規范定義三種請求方法:GET, POST, HEAD。HTTP/1.1規范又增加了五種:OPTIONS, PUT, DELETE, TRACE,CONNECT。

在規范中定義的這些請求方法是語義化的,並且是可依賴的。任何客戶端都可以使用任何請求方法,服務端也可以配置成支持任何這些請求方法的組合。

實際上這些請求方法可以隨意定義,沒有數量限制,不過你自己定義出來的請求方法會被認為是不安全並且是非冪等的。

總結 :這些請求方法本質上沒有區別,最終都是TCP請求,唯一的區別就是每個請求方法,使用的時候,規范規定的使用格式不同,原則上必須按照規范規定的格式使用,其實也可以違反規范使用,比如你可以使用GET方法請求數據,也可以使用GET方法提交數據,當然你可以用POST方法提交數據,也可以用POST方法獲取數據。

做好前端開發必須對HTTP的相關知識有所了解,所以我創建了一個專題 前端必備HTTP技能 專門收集前端相關的HTTP知識,歡迎關注,投稿。

D. Web前端開發者應該要懂的HTTP協議!

HTTP協議是構建在TCP/IP協議之上的,是TCP/IP協議的一個子集,所以要理解HTTP協議,要先了解下TCP/IP協議相關的知識。TCP/IP協議族是由一個四層協議組成的系統,這四層分別為:應用層、傳輸層、網路層和數據鏈路層。分層的好處是把各個相對獨立的功能解耦,層與層之間通過規定好的介面來通信。如果以後需要修改或者重寫某一個層的實現,只要介面保持不變也不會影響到其他層的功能。



如何理解HTTP與TCP/IP、DNS的關系呢?


當客戶端訪問Web站點時,首先會通過DNS服務查詢到域名的IP地址。然後瀏覽器生成HTTP請求,並通過TCP/IP協議發送給Web伺服器。Web伺服器接收到請求後會根據請求生成響應內容,並通過TCP/IP協議返回給客戶端。


相比於HTTP/1.1的不足,HTTP/2和HTTP/3各有哪些優勢呢?


HTTP/1.1有兩個主要的缺點:安全不足和性能不高。


HTTP/2完全兼容HTTP/1,是“更安全的HTTP、更快的HTTPS",頭部壓縮、多路復用等技術可以充分利用帶寬,降低延遲,從而大幅度提高上網體驗;


QUIC基於UDP實現,是HTTP/3中的底層支撐協議,該協議基於UDP,又取了TCP中的精華,實現了即快又可靠的協議。


以上就是環球青藤小編關於HTTP協議的相關內容分享,希望對大家有所幫助,想要了解更多相關內容,歡迎關注本平台!

E. 前端搭建本地伺服器

前端使用vscode編輯器,安裝live serve插件
然後在vscode編輯器的右下角有 Go live 按鈕,點擊自動啟動本地伺服器

右鍵,使用Live Server打開;

1. 安裝node.js;
2. 安裝http-server
http-server詳細介紹,包括參數等: https://www.npmjs.com/package/http-server
在命令行中安裝到全局(-g表示安裝到全局,之後所有文件夾路徑下輸入http-server都可以使用):
操作: 運行cmd + 輸入以下命令:npm install http-server -g (可能會出現許可權問題,在npm前加上sudo)
3. 開啟服務
進入目標文件夾(也就是需要啟動服務的文件夾),shfit+右鍵 —— 「在此處打開Powershell窗口」,輸入如下命令:
hs -o (等同於 http-server -open)
本地伺服器就啟動起來了,默認埠為8080。
遇到問題:埠被佔用,修改埠:hs -o -p 8888
完畢!!

1、安裝全局anywhere,npm install anywhere -g
2、cmd中進入要啟動本地伺服器的靜態文件夾,執行命令:anywhere;
3、anywhere的網址: https://www.npmjs.com/package/anywhere

F. 自己搭建的HTTP網站404怎麼辦一直不會搞

出現404,說明路徑不對,或者路徑對應文件夾中沒有默認訪問文件,新建一個默認訪問文件在文件夾中就行。

G. web前端開發關於後端語言,http協議的問題

HTTP協議沒必要專門學,你只要知道一點,知道幾個關鍵的返回狀態碼就行了
比如200、404等
很多框架都封裝好了,你只要知道在前端怎麼把請求和數據發給後台的指定方法就行了
如果你學的是web前端,那後台的介面都已經寫好了,你要做的就是從前端把後台需要的數據傳給後台就可以了
希望能幫助到你,望採納