前端打包部署後介面BASE_URL不對問題解決辦法

来源:https://www.cnblogs.com/ldywebhome/archive/2023/06/28/17511773.html
-Advertisement-
Play Games

在前端打包部署時,為了免去不同環境打包的麻煩,項目用的流水線觸發方式。在這裡不細說,重點說說下麵情況。 當項目提交打包部署後,訪問壓測環境或者生產環境的地址來使用項目時,發現介面報錯404。 在NETWORK里發現介面的BASEURL和當前環境需要調用的後端baseurl不同。 主要問題在於配置問題 ...


在前端打包部署時,為了免去不同環境打包的麻煩,項目用的流水線觸發方式。在這裡不細說,重點說說下麵情況。

當項目提交打包部署後,訪問壓測環境或者生產環境的地址來使用項目時,發現介面報錯404。

 在NETWORK里發現介面的BASEURL和當前環境需要調用的後端baseurl不同。

主要問題在於配置問題。

1.首先根目錄下新建下麵三個文件,三個文件里的地址要統一 一樣。(註意最好全拼,可能因為版本過低縮寫什麼dev,prod不被識別)

 2.在package.json文件的scripts中寫一下命令配置。

`--mode` 參數用於指定構建的模式。`--mode production` 表示構建模式為生產環境。 然後build:prod是和後端商量好的打包生產的命令(這裡也可以嘗試cross-env,不具體介紹了)

 3.要記得配置路由攔截  (註意攔截器別寫了沒用....)

 

TRANSLATE with x English
Arabic Hebrew Polish
Bulgarian Hindi Portuguese
Catalan Hmong Daw Romanian
Chinese Simplified Hungarian Russian
Chinese Traditional Indonesian Slovak
Czech Italian Slovenian
Danish Japanese Spanish
Dutch Klingon Swedish
English Korean Thai
Estonian Latvian Turkish
Finnish Lithuanian Ukrainian
French Malay Urdu
German Maltese Vietnamese
Greek Norwegian Welsh
Haitian Creole Persian  
  TRANSLATE with COPY THE URL BELOW Back EMBED THE SNIPPET BELOW IN YOUR SITE Enable collaborative features and customize widget: Bing Webmaster Portal Back
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 摘要:GaussDB已經全面支撐起MetaERP,在包括庫存服務在內的9大核心模塊中穩定運行,端到端業務效率得到10倍提升。 本文分享自華為雲社區《跑得更快!華為雲GaussDB以出色的性能守護“ERP的心臟”》,作者:GaussDB 資料庫。 ERP作為華為企業經營最核心的系統,伴隨著華為20多年 ...
  • 我方有一應用,偶爾會出現GC時間過長(間隔約4小時),導致性能波動的問題(介面最長需要耗時3秒以上)。經排查為G1垃圾回收器參數配置不當 疊加 MySQL 鏈接超過閑置時間回收,產生大量的虛引用,導致G1在執行老年代混合GC,標記階段耗時過長導致。以下為對此問題的分析及問題總結。 ...
  • 摘要:隨著企業數據空間在內部的成功實踐,2022年,華為正式推出雲服務產品——華為雲交換數據空間EDS(Exchange Data Space),秉持“你的數據你做主”的宗旨,以保護企業數據主權為基礎,促進企業數據高效流通,實現數據價值最大化。 本文分享自華為雲社區《數據交換不失控——華為雲EDS, ...
  • # MongoDB概念解析 ## 1、MongoDB vs SQL ![](https://img2023.cnblogs.com/blog/2987571/202306/2987571-20230628132104929-1652408975.png) ## 2、資料庫 * 一個MongoDB可以 ...
  • **往期系列回顧** - [圖文結合系列之帶你搞懂MySQL日誌系列](http://mp.weixin.qq.com/s?__biz=MzkzMTIzMDgwMg==&mid=2247496981&idx=1&sn=ec496da6e52e19ee505483a15fb54f6b&chksm=c2 ...
  • qualcomm crashdump mode qualcomm crashdump mode qualcomm crashdump mode 高通崩潰 高通崩潰 高通崩潰 希望崩潰的小朋友們,送修之前能搜到。。 線刷下載,挨個刷。。 國內找個網站比較噁心,下載要要兩塊錢。。這個免費。。。 http ...
  • 本系列文章是為學習Vue的項目練習筆記,儘量詳細記錄一下一個完整項目的開發過程。面向初學者,本人也是初學者,搬磚技術還不成熟。項目在技術上前端為主,包含一些後端代碼,從基礎的資料庫(Sqlite)、到後端服務Node.js(Express),再到Web端的Vue,包含服務端、管理後臺、商城網站、小程... ...
  • 這裡給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 不定高度展開收起動畫 最近在做需求的時候,遇見了元素高度展開收起的動畫需求,一開始是想到了使用 transition: all .3s; 來做動畫效果,在固定高度的情況下,transition 動畫很好使,滿足了需求,但是如果要考慮之後可 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...