關於react專案與node後端共用80介面

2021-07-29 20:26:04 字數 668 閱讀 4880

工作中因為某些原因需要後端api 必須使用80埠,或者為了美觀..不使用nginx的情況下因為安全性,預設阻止跨域的話需要將前後端專案部署在同一server上。

使用browserhistory,使用webpack打包、redux、支援按需載入等特性。

規定除/api 路徑外所有路徑指向react

使用koa-router,若路徑為/api 開頭則呼叫後端api

const router = require('koa-router')();

const index = require('./routes/index');

const api = require('./routes/api');

// 優先順序參照載入順序

router.use('/api', api.routes(), api.allowedmethods());

router.use('*', index.routes(), index.allowedmethods());

前後端完全分離,還是作為兩個專案分開部署。例如:用webpack將生產環境前端**生產到本專案/dist 路徑下,後端koa 專案下只需要將./routes/index 所有路徑無腦對映到前端專案/dist/index.html 就好了。

前後端專案還是分開部署,人員工作相互不影響,又可以共用80端。

node安裝與react環境搭建記錄

根據自己的電腦選擇。我選的是windows 64位,安裝過程很簡單不多說。檢測 開啟cmd 輸入node v 檢視是否安裝 npm工具也會隨node一起自動安裝,使用npm v 檢視你。環境配置 將全模組所在路徑和快取路徑放在我新建立的資料夾裡。配置原因 以後在執行類似 npm install ex...

Windows版本關於使用node構建後端程式

1 http模組 基本用法 cmd進入node後,輸入以下程式 createserver建立伺服器 引數為處理 請求的函式 函式的兩個引數分別為req,即request,與前端請求相關的資訊 以及res,即response,與後端回應相關的資訊 server.listen config.port 監...

關於在node專案使用ioredis遇到的幾個坑

1,在ioredis中使用redis命令的方法的時候,如果有2個以上的引數,必須使用then方法來接收返回的結果,比如 redis.hget key field then function result 注意,這裡的redis客戶端不能是你訂閱訊息的redis客戶端 2,如果直接將資料庫裡返回的文件...