前後端聯調的一般步驟和Nginx簡單配置

2021-10-10 03:14:11 字數 1203 閱讀 3579

1、建立前端工程(這裡建立的是vue-cli專案)

2、編寫後端登入業務

3、替換頁面元素為自己需要的,比如圖示,標題之類的

4、編寫前端頁面vue元件

5、編寫跳轉到元件的路由(router/index.js)

6、如果需要從後端獲取資料,使用axios非同步通訊,預設框架中使用了request封裝請求

base_api:'"http://localhost:8120'
7、編寫處理後端介面的js函式

import request from '@/utils/request'

export function login(username,password)})}

8、由於後端可能有多台伺服器提供介面服務,前端無法實現分發請求,這個時候就需要使用到反向**伺服器,我們這裡使用nginx來進行請求的分發

9、前後端聯調測試

10、具體業務功能編寫

配置檔案

nginx的配置檔案nginx.conf在安裝目錄下的conf資料夾下,如下圖所示

示例配置

server

location ~ /admin/sysuser

}

反向**原理如下圖所示

nginx的常用命令

1、啟動nginx,雙擊nginx.exe

nginx
2、停止nginx

nginx -s stop
3、檢視nginx程序

ps -ef|grep nginx
4、重啟nginx

nginx -s reload
5、強制停止nginx

pkill -9 nginx
6、檢視nginx版本

nginx -v

jdbc的一般步驟

1.匯入jdbc驅動jar 2.註冊jdbc驅動 引數 驅動程式類名 class.forname 驅動程式類名 3.獲得connection物件 conn.getstatement 方法建立物件 用於執行sql語句 execute sql 執行任何sql,常用執行ddl executeupdate ...

爬蟲的一般步驟

希望下次寫 的時候可以嚴格按照這個步驟進行除錯,寫可維護的 1.建立乙個專案 scrapy startproject demo 1.根據需要設計字段 items.py 2.資料提取 spiders.py 1 針對沒有ban且沒有動態資料的 無需設定相應得策略 設定useragentmiddlewar...

一般前後臺技術的優化

前端優化技術常用的有 前端負載均衡,通過 cdn 及dns 負載均衡器分散壓力 減少前端鏈結數,例如可以合併 css js 和圖示檔案 減少網頁大小增加頻寬 前端頁面靜態化 優化查詢,可以考慮使用 nosql 技術 快取動態頁面和查詢資料 後端優化技術主要是 資料冗餘 資料映象,可提高可用性,便於負...