前後端 13 前後端小試牛刀

2021-10-25 13:03:41 字數 1188 閱讀 3304

餘生還長,你別慌。別回頭,別糾纏,別念舊。

」 準備工作

■ 對nginx檔案下的nginx.conf進行配置(將檔案拖進vscode中)

■ 找到nginx.conf檔案中 server 部分,對其進行修改。

server                 #error_page  404              /404.html;        # redirect server error pages to the static page /50x.html        error_page   500 502 503 504  /50x.html;        location = /50x.html     }
說明: 主要修改server中的location。/  代表根目錄;root代表路徑(路徑到資料夾就可以啦);index代表主頁;window平台下,檔案路徑裡的'\' 需要進行轉義 。

■ 在終端啟動nginx。接下來就開始寫index.html檔案!

(千萬別手殘重複雙擊啟動nginx)不然你會在任務管理器裡發現開啟了很多個nginx程序,所以看不到頁面,啟動失敗。切記!

index.html

▲ 只有在window環境下寫檔案路徑是\,在蘋果、各類編譯器下都是/ 。

(這樣聯想記憶,'男左女右',window是男生,所以是左斜槓)

▲ 引入vue和axios,有兩種方式,一是通過**、二是將內容拷貝到本地。

(我們通常把將內容拷貝到本地,這樣可以減少網路的影響)

▲ vuejs是底層為js的框架;axios是ajax的請求框架。

index.html

mystyle.css

#home#home img#home .imglist img
頁面初始樣子

總結那怎麼製作乙個後端 api介面以供前端請求?

前端專案請求的時候需要實現怎樣的業務邏輯?

這是我們後面重點需要學習理解的內容!!!

- end -

前後端模板

vue.js angular.js 等mvvm前端框架自帶的模板輸出模組以vue.js為例,通過具有特殊字首的html 屬性來實現資料繫結,或者使用常見的花括號模板插值,或是在表單元素上使用雙向繫結,資料的變化自動對映為檢視的更新 v text msg span span v model msg 在...

前後端分離

關於前後端分離的一些好的文章推薦 前端框架 為什麼前後端分離 最直白的理解,我認為是因為在開發過程中,前端總是需要等待後端的環境搭建好之後,前端才能獲取相關資料,對於前端的開發影響很大,事實上前端並不關心後端的開發,那麼有沒有方法不讓後端影響前端的開發呢?其實後端提供的是什麼?乙個執行伺服器,乙個就...

前後端互動

剛進公司,對這些都不是很了解,這篇部落格講的很清楚,在此轉給自己,感謝szmacbook 1.前端請求資料url由誰來寫?在開發中,url主要是由後台來寫的,寫好了給前端開發者.如果後台在查詢資料,需要借助查詢條件才能查詢到前端需要的資料時,這時後台會要求前端提供相關的查詢引數,這裡的查詢引數也就是...