前後端分離的開發及部署

原創 Leon_Gong 2019-01-09 17:43

1.項目是個十分常見的前後端分離的項目，前端react，後端laravel5.

2.前期開發的時候 react 採用代理模式端口直接訪問到 localhost:3000/api/

後端照常開發api，端口3000,靜態資源直接上傳到後端的資源文件夾下；

3項目眼看完結了。上線，兩個問題：1.如何部署，2.靜態資源

1.部署：前端直接用 ngnix掛上，然後添加反向代理。/api 到 本地3000接口 ；php直接掛載3000；

2.靜態資源：同樣的直接/static 代理到後端的資源文件夾；

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

Nginx——Nginx簡介與特點

Nginx簡介 Nginx 是俄羅斯人編寫的十分輕量級的 HTTP 服務器,Nginx，它的發音爲“engine X”，是一個高性能的HTTP和反向代理服務器，同時也是一個 IMAP/POP3/SMTP 代理服務器。Nginx 是由俄羅斯

Hern（宋兆恒） 2020-07-08 12:36:46

Nginx——Nginx原理

Nginx 在啓動後，會有一個 master 進程和多個 worker 進程。master 進程主要用來管理 worker 進程，包含：接收來自外界的信號，向各 worker 進程發送信號，監控 worker 進程的運行狀態，當 wor

Hern（宋兆恒） 2020-07-08 12:36:46

解決nginx報錯：nginx: [emerg] bind() to 0.0.0.0:8088 failed (13: Permission denied)

報錯描述： nginx: [emerg] bind() to 0.0.0.0:8088 failed (13: Permission denied) 通過ansible遠程給主機更換端口並重新啓動nginx服務，出現以上報錯信息（權限被拒

好名字可以讓你的朋友... 2023-02-27 12:56:32

Nginx——Centos安裝Nginx

1、進入Nginx官網下載Nginx 官網下載網址：http://nginx.org/en/download.html 使用 wget 命令選擇下載穩定版（Stable Version）（我下載到 /opt 文件目錄下） wget ht

Hern（宋兆恒） 2020-07-08 12:36:46

Nginx——Nginx的connection、request、keepalive、pipe（pipeline）、lingering_close

connection Nginx 中 connection 是對 tcp 連接的封裝，包括連接的 socket，讀、寫事件等。利用 Nginx 封裝的 connection可以很方便的使用 Nginx 來處理與連接相關的事情，如建立連接，

Hern（宋兆恒） 2020-07-08 12:36:46

從零開始，搭建React項目，篇一（搭建react項目、在react項目中使用Sass、react-router-dom、antd）

一、創建項目 注意： 創建項目的時候，記得暴露配置文件 （ npm run eject 或者 yarn run eject ） 因爲暴露配置的文件的操作不可逆，之前沒有提及git的話，可能會報錯，還需重新git add . ；

ddx2019 2020-07-08 11:55:42

react 讀取excel中的內容並解析成json格式的

引用xlsx庫來完成這個功能 下載庫：npm下載可能會報錯，用yarn正常 npm install xlsx --save //or yarn add xlsx 模塊導入： import XLSX from 'xlsx'; 基

Volon Kou 2020-07-08 11:50:48

學習React(16) - 在list裏使用index來做爲key

在上一篇中，稍微提了一下key的用法，現在又說一下。大家都知道，在數組裏，是有index來做下標的，那麼想要在列表裏表現出index, 那應該如何用react來表現一下呢。還是使用上一篇的Namelist.js 文件，只是這回沒有

CHNBSCS 2020-07-08 11:21:29

學習React(25) - 介紹refs to DOM elements

這篇博文是講，如何attach refs to DOM elements and also class component in react. 咋們就直接上代碼： // Input.js 文件 import React, { Co

CHNBSCS 2020-07-08 11:21:29

學習React(23) - memo 的介紹

創建一個文件，MemoComponent.js // MemoComponent.js 文件 import React from 'react' function MemoComponent({name}) { cons

CHNBSCS 2020-07-08 11:21:29

學習React(13) - 使用props的方法

關於React的一些知識點，之前的博客已經講了差不多了，現在也就不多說什麼了，就直接上代碼，通過代碼就稍微說一下吧。 在src 文件包裏，創建兩個文件，一個叫做Testparentcomponent.js 文件，另一個叫做 Chi

CHNBSCS 2020-07-08 11:21:29

學習React(18) - Form表單的運用

做網頁，大部分情況下是離不開表單的運用。現在，就把如何用react來表示表單。 在src文件夾下創建一個文件： // Formstyle.js 文件 import React, { Component } from 'react'

CHNBSCS 2020-07-08 11:21:29

學習React(24) - 介紹Refs的用法

// RefsDemo.js 文件 import React, { Component } from 'react' class RefsDemo extends Component { constructor(prop

CHNBSCS 2020-07-08 11:21:29

學習React(5) - 組件 Component

組件是用來描述一部分的用戶界面。 組件是可以重複利用的，而且還可以嵌套在其他組件中。 組件類型： （1）無狀態功能組件 Stateless Functional Component 採用JavaScript Functions f

CHNBSCS 2020-07-08 11:21:28

學習React(17) - 樣式和基本的CSS (Styling and CSS basics)

在React中，有幾種形式可以表示CSS在React中. CSS stylesheets Inline styling CSS Modules CSS in JS Libraries (Styled Components)

CHNBSCS 2020-07-08 11:21:28