記react 代理后使用nginx發(fā)布到阿里云服務(wù)器

tianlai 發(fā)布于2019-07-25 14:19 / 1501人閱讀

摘要：近期在搭建自己的簡(jiǎn)單博客系統(tǒng)，在本地可以前后臺(tái)分離的運(yùn)行，但是部署到服務(wù)器就總是會(huì)，最后在官網(wǎng)問(wèn)答上面找到了答案。設(shè)置了項(xiàng)目代理其他部分省略服務(wù)器配置第一個(gè)前臺(tái)地址第二個(gè)后臺(tái)帶的請(qǐng)求地址附上原問(wèn)答地址

近期在搭建自己的簡(jiǎn)單博客系統(tǒng)，在本地可以前后臺(tái)分離的運(yùn)行，但是部署到服務(wù)器就總是會(huì)404，最后在react官網(wǎng)問(wèn)答上面找到了答案。
1.react設(shè)置了項(xiàng)目代理

package.json
    ...//其他部分省略
    "proxy": "http://www.iamcrawler.cn"

2 npm run build

3.服務(wù)器nginx配置：

    server {
    listen       80 ;
    server_name  localhost:4000;
    

    # Load configuration files for the default server block.
    include /etc/nginx/default.d/*.conf;
    
    
     location / {
        root   /react/build;
        index  index.htm index.html;
    }

    location /api/ {
        proxy_pass   http://127.0.0.1:4000;
    }

    error_page 404 /404.html;
        location = /40x.html {
    }

    error_page 500 502 503 504 /50x.html;
        location = /50x.html {
    }

1.第一個(gè)localtion /: 前臺(tái)地址
2.第二個(gè)location /api/ 后臺(tái)帶/api的請(qǐng)求地址

附上原問(wèn)答地址：http://react-china.org/t/reac...

云服務(wù)器 GPU云服務(wù)器阿里云服務(wù)器nginx反向代理阿里云https證書購(gòu)買后怎么部署到服務(wù)器如何發(fā)布網(wǎng)站到阿里云服務(wù)器上 java項(xiàng)目發(fā)布到阿里云服務(wù)器

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/39970.html

相關(guān)文章

服務(wù)器小白的我,是如何成功將 node+mongodb 項(xiàng)目部署在服務(wù)器上并進(jìn)行性能優(yōu)化的

摘要：前言本文講解的是做為前端開發(fā)人員，對(duì)服務(wù)器的了解還是小白的我，是如何一步步將項(xiàng)目部署在阿里云的服務(wù)器上，并進(jìn)行性能優(yōu)化，達(dá)到頁(yè)面秒內(nèi)看到，秒內(nèi)看到首屏內(nèi)容的。搭建的項(xiàng)目是采用了主流的前后端分離思想的，這里只講服務(wù)器環(huán)境搭建與性能優(yōu)化。 showImg(https://segmentfault.com/img/remote/1460000017143281); 前言本文講解的是：做為前...

zsy888 2019-06-26 17:54 評(píng)論0 收藏0
我的全站https之路

摘要：網(wǎng)站是自己個(gè)人的網(wǎng)站，后臺(tái)用的服務(wù)器用的阿里云的操作系統(tǒng)是。證書證書用的阿里云的云盾證書因?yàn)樽约悍?wù)器就在阿里云，當(dāng)然最大的原因還是免費(fèi)。七牛云的圖片資源，改后請(qǐng)求不了。文章地址背景很早前就想著升級(jí)https,總覺得會(huì)很難自己想用nginx但是也沒(méi)用過(guò)不會(huì)弄就一直拖著，前兩天突然決定搞一下，沒(méi)想到一天多時(shí)間就搞完了，所以人還是要多嘗試，有這個(gè)想法還沒(méi)搞的人要趕快動(dòng)起來(lái)啦。這里記錄...

nifhlheimr 2019-08-20 19:08 評(píng)論0 收藏0
我的全站https之路

摘要：網(wǎng)站是自己個(gè)人的網(wǎng)站，后臺(tái)用的服務(wù)器用的阿里云的操作系統(tǒng)是。證書證書用的阿里云的云盾證書因?yàn)樽约悍?wù)器就在阿里云，當(dāng)然最大的原因還是免費(fèi)。七牛云的圖片資源，改后請(qǐng)求不了。文章地址背景很早前就想著升級(jí)https,總覺得會(huì)很難自己想用nginx但是也沒(méi)用過(guò)不會(huì)弄就一直拖著，前兩天突然決定搞一下，沒(méi)想到一天多時(shí)間就搞完了，所以人還是要多嘗試，有這個(gè)想法還沒(méi)搞的人要趕快動(dòng)起來(lái)啦。這里記錄...

opengps 2019-07-25 15:03 評(píng)論0 收藏0
ubuntu 下部署 node 服務(wù)器環(huán)境 - 基礎(chǔ)篇

寫在最前這是根據(jù) imooc 上 Scott 老師的課程整理的，主要是方便自己查找，因?yàn)檎娴挠洸蛔?.. 附上鏈接：Node.js項(xiàng)目線上服務(wù)器部署與發(fā)布靜態(tài)網(wǎng)站，需要數(shù)據(jù)庫(kù)的電影網(wǎng)站、公眾號(hào)，小程序，app 五種項(xiàng)目的部署。這里只寫最簡(jiǎn)單的靜態(tài)網(wǎng)站的部署部署思路 1、完成項(xiàng)目2、購(gòu)買域名，備案，解析一些二級(jí)域名出來(lái)備用3、購(gòu)買服務(wù)器 4、ssh 遠(yuǎn)程登錄服務(wù)器并進(jìn)行一些安全配置5、服務(wù)...

BoYang 2019-07-25 14:05 評(píng)論0 收藏0