前端打包部署后接口BASE_URL不对问题解决办法-Toy模板网

这篇具有很好参考价值的文章主要介绍了前端打包部署后接口BASE_URL不对问题解决办法。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

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

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

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

主要问题在于配置问题。

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

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

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

`--mode` 参数用于指定构建的模式。`--mode production` 表示构建模式为生产环境。

然后build：prod是和后端商量好的打包生产的命令（这里也可以尝试cross-env，不具体介绍了）

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

3.要记得配置路由拦截（注意拦截器别写了没用....）

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

文章来源地址https://www.toymoban.com/news/detail-505085.html

TRANSLATE with x

English

TRANSLATE with

COPY THE URL BELOW

Back

EMBED THE SNIPPET BELOW IN YOUR SITE

Enable collaborative features and customize widget: Bing Webmaster Portal

Back

到了这里，关于前端打包部署后接口BASE_URL不对问题解决办法的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

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