React項目用serve啟動在Linux服務器上子路由刷新報404錯誤解決方案

最近在部署服務器的時候遇到了一個問題,就是react項目使用serve -l 80來部署服務器棕孙,我們訪問子路由的時候會出現(xiàn)下面這個頁面

404頁面

我們都知道serve啟動成功是這樣的
serve啟動成功

分為Local和On Your Network兩種一個是你的本地localhost一個是你的以太網IPv4地址车要,我們用這兩個url都能訪問到我們的項目,但是我們會發(fā)現(xiàn)谷歌瀏覽器在用下面的公網地址時候就會報一個Error during service worker registration: DOMException: Only secure origins are allowed (see: https://goo.gl/Y0ZkNV).
瀏覽器error

我們繼續(xù)點進去看看他說些什么
安全規(guī)范

主要就看我圈出來的那些匹配規(guī)則朗和,我們可以發(fā)現(xiàn)localhost是在這里面的馁痴,而公網ip那種形式谊娇,是被認為不安全的,所以在子路由下面去刷新頁面罗晕,由于是重新用url去訪問了那個地址济欢,但是他不符合規(guī)范,所以匹配不到那個路由下面的組件小渊。

解決方案的話這里我認為有兩種法褥,前者就是給你的服務器裝個https證書,當然成本會比較高粤铭。后者就是在命令里面加入個-s參數也就是serve -s -l 80這樣就可以讓404頁面重新回到index.html這樣刷新就不會導致報404

serve參數列表

因為畢竟是自己做的小網站所以用serve這個啟動起來挖胃,然后給服務器的公網ip解析一個域名,基本就滿足了日常需求了梆惯,瀏覽器的報錯就忽略吧酱鸭。如果是大公司,那肯定就不是這一套了垛吗,會有專門的架構師處理這些問題凹髓,而我暫時能力有限,只能想出這樣的方案怯屉,還請大神們多多指教蔚舀。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市锨络,隨后出現(xiàn)的幾起案子赌躺,更是在濱河造成了極大的恐慌,老刑警劉巖羡儿,帶你破解...
    沈念sama閱讀 222,681評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件礼患,死亡現(xiàn)場離奇詭異,居然都是意外死亡掠归,警方通過查閱死者的電腦和手機缅叠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來虏冻,“玉大人肤粱,你說我怎么就攤上這事〕啵” “怎么了领曼?”我有些...
    開封第一講書人閱讀 169,421評論 0 362
  • 文/不壞的土叔 我叫張陵鸥鹉,是天一觀的道長。 經常有香客問我悯森,道長宋舷,這世上最難降的妖魔是什么绪撵? 我笑而不...
    開封第一講書人閱讀 60,114評論 1 300
  • 正文 為了忘掉前任瓢姻,我火速辦了婚禮,結果婚禮上音诈,老公的妹妹穿的比我還像新娘幻碱。我一直安慰自己,他們只是感情好细溅,可當我...
    茶點故事閱讀 69,116評論 6 398
  • 文/花漫 我一把揭開白布褥傍。 她就那樣靜靜地躺著,像睡著了一般喇聊。 火紅的嫁衣襯著肌膚如雪恍风。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,713評論 1 312
  • 那天誓篱,我揣著相機與錄音朋贬,去河邊找鬼。 笑死窜骄,一個胖子當著我的面吹牛锦募,可吹牛的內容都是我干的。 我是一名探鬼主播邻遏,決...
    沈念sama閱讀 41,170評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼糠亩,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了准验?” 一聲冷哼從身側響起赎线,我...
    開封第一講書人閱讀 40,116評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎糊饱,沒想到半個月后垂寥,有當地人在樹林里發(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 46,651評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡济似,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,714評論 3 342
  • 正文 我和宋清朗相戀三年矫废,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片砰蠢。...
    茶點故事閱讀 40,865評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡蓖扑,死狀恐怖,靈堂內的尸體忽然破棺而出台舱,到底是詐尸還是另有隱情律杠,我是刑警寧澤潭流,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站柜去,受9級特大地震影響灰嫉,放射性物質發(fā)生泄漏。R本人自食惡果不足惜嗓奢,卻給世界環(huán)境...
    茶點故事閱讀 42,211評論 3 336
  • 文/蒙蒙 一讼撒、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧股耽,春花似錦根盒、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至诬乞,卻和暖如春册赛,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背震嫉。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評論 1 274
  • 我被黑心中介騙來泰國打工森瘪, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人责掏。 一個月前我還...
    沈念sama閱讀 49,299評論 3 379
  • 正文 我出身青樓柜砾,卻偏偏與公主長得像,于是被迫代替她去往敵國和親换衬。 傳聞我的和親對象是個殘疾皇子痰驱,可洞房花燭夜當晚...
    茶點故事閱讀 45,870評論 2 361

推薦閱讀更多精彩內容

  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn)瞳浦,斷路器担映,智...
    卡卡羅2017閱讀 134,716評論 18 139
  • 關于Mongodb的全面總結 MongoDB的內部構造《MongoDB The Definitive Guide》...
    中v中閱讀 31,953評論 2 89
  • 文章圖片上傳不正常,如需文檔叫潦,可聯(lián)系微信:1017429387 目錄 1 安裝... 4 1.1 配置探針... ...
    Mrhappy_a7eb閱讀 6,333評論 0 5
  • “如果提前了解了你所要面對的人生蝇完,你是否還會有勇氣前來?……” 片頭的一句問話矗蕊,就把我?guī)胨伎迹?這個問題短蜕,要分階...
    3be868950df2閱讀 136評論 0 0
  • 1朋魔、 一直認為女孩子要過一段自己一個人生活的日子。不是生活不接觸別人了卿操,而是要學會一個人旅行警检,一個人看電影孙援,一個人...
    謝四毛閱讀 1,209評論 0 13