在前端打包部署时,为了免去不同环境打包的麻烦,项目用的流水线触发方式。在这里不细说,重点说说下面情况。

当项目提交打包部署后,访问压测环境或者生产环境的地址来使用项目时,发现接口报错404。

在NETWORK里发现接口的BASEURL和当前环境需要调用的后端baseurl不同。

主要问题在于配置问题。

1.首先根目录下新建下面三个文件,三个文件里的地址要统一 一样。(注意最好全拼,可能因为版本过低缩写什么dev,prod不被识别)

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

`–mode` 参数用于指定构建的模式。`–mode production` 表示构建模式为生产环境。然后build:prod是和后端商量好的打包生产的命令(这里也可以尝试cross-env,不具体介绍了)

3.要记得配置路由拦截 (注意拦截器别写了没用….)

TRANSLATE with x English

ArabicHebrewPolish
BulgarianHindiPortuguese
CatalanHmong DawRomanian
Chinese SimplifiedHungarianRussian
Chinese TraditionalIndonesianSlovak
CzechItalianSlovenian
DanishJapaneseSpanish
DutchKlingonSwedish
EnglishKoreanThai
EstonianLatvianTurkish
FinnishLithuanianUkrainian
FrenchMalayUrdu
GermanMalteseVietnamese
GreekNorwegianWelsh
Haitian CreolePersian

TRANSLATE with COPY THE URL BELOW Back EMBED THE SNIPPET BELOW IN YOUR SITE <input type="text" name="EmbedSnippetTextBox" value="

setTimeout(function(){var s=document.createElement(‘script’);s.type=’text/javascript’;s.charset=’UTF-8′;s.src=((location && location.href && location.href.indexOf(‘https’) == 0)?’https://ssl.microsofttranslator.com’:’http://www.microsofttranslator.com’)+’/ajax/v3/WidgetV3.ashx?siteData=ueOIGRSKkd965FeEGM5JtQ**&ctf=true&ui=true&settings=manual&from=en’;var p=document.getElementsByTagName(‘head’)[0]||document.documentElement;p.insertBefore(s,p.firstChild); },0);” readonly=”readonly”>Enable collaborative features and customize widget: Bing Webmaster PortalBack