前端打包部署后接口BASE_URL不对问题解决办法

标签：解决办法 URL 接口 部署 BASE location document 打包

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

当项目提交打包部署后，访问压测环境或者生产环境的地址来使用项目时，发现接口报错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

标签：解决办法,URL,接口,部署,BASE,location,document,打包
From： https://www.cnblogs.com/ldywebhome/p/17511773.html