小白從零開始阿里雲部署react項目+node服務接口（三：部署到服務器）

服務器 准備工具 依次安裝即可
 nginx
　　  安裝nginx https://www.runoob.com/linux/nginx-install-setup.html
     配置全局nginx命令 https://www.cnblogs.com/NTWang/p/13066602.html

 git yum -y install git

 nvm node版本管理工具
      curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash
　　　 source ~/.bashrc // 使當前shell讀入路徑為filepath的shell文件並依次執行文件中的所有語句，通常用於重新執行剛修改的初始化文件，使之立即生效，而不必注銷並重新登錄
 
 node 下載安裝node
　　 nvm i stable  // 最新穩定版
　　 使用nvm安裝node之后，直接運行node命令會報錯 node: command not found?

 forever node的守護進程
　 npm i forever -g // https://www.cnblogs.com/pxjbk/archive/2018/12/24/10169830.html
　　  forever list 正在守護的項目
　　 forever stop 項目目錄  停止守護
　　 forever start 項目目錄 開啟守護

部署web
    npm build 打包項目， 注意：需要再package.json中加入 "homepage": "react_demo" 服務器：
        cd /var/www          切換到www下
        mkdir react_demo  創建項目目錄
    打開dos窗口 將本地打包文件 上傳到服務器
        scp -r C://Users/W10003705/Desktop/其他文件/demo/create_react_app/build/* [e-mail]:/var/www/react_demo
 配置nginx
        打開nginx配置文件編輯：vim /usr/local/webserver/nginx/conf/nginx.conf
           下面內容復制放在server里面 ps:可以配置多個站點
           # react_demo
           location /react_demo {
                root /var/www;
                index  index.html index.htm;
           } 
    運行 服務器地址+react_demo 比如：xxx.xxx.xxx.xxx/react_demo　　　　　正常打開說明web部署完成並且成功。　　　　　　
　　　 果出現頁面報404 ，則需要檢查nginx配置 ，文件路徑          
      如果是加載資源404，去需要看下資源加載路徑，看看hoempage的配置和nginx是否對應

 

 

 

 

部署nodejs
    服務器：
        cd /var/www
        mkdir react_demo_server
    找到之前創建的server  不需要上傳 node_modules 太大了
    　　dos ：scp -r C://Users/W10003705/Desktop/其他文件/demo/create_react_app/server/* root@149.129.104.166:/var/www/react_demo_server  
　　　　 服務器： 
　　　　　　　　1. cd /var/www/react_demo_server // 切換到server文件夾
　　　　　　　　2. npm i // 下載依賴
　　　　　　　　3. node server.js // 運行
　　　　我的配置的是4000端口，需要在阿里雲控制台添加安全組規則　　

　　在測試頁 點擊測試 查看控制台看到返回結果則前后端部署完成
　　
　　最后使用forever 來守護node進程（如果我們直接用node去運行，當關閉服務器遠程鏈接時，ndoe服務也會關閉）
　　forever start /var/www/react_demo_server/server.js
　　       

 

 

小白從零開始阿里雲部署react項目+node服務接口（一：阿里雲服務器）

小白從零開始阿里雲部署react項目+node服務接口（二：node服務+web）