vue项目打包后，修改访问后端地址：baseURL

已于 2022-03-09 14:12:21 修改
阅读量3.1k 收藏
点赞数
文章标签： 前端 javascript vue.js
于 2022-03-09 14:11:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_59840437/article/details/123376209
版权

需求：项目打包后，通过dist文件修改baseURL

1,在public 文件下创建config.js,确保打包后不被编译

2，在public文件下，index.html里引入

3，在封装axios拦截器的地方引入，并且修改baseURL

 但是现在问题来了，打包后，dist文件修改config.js里的baseURL,请求地址并没有改变，有没有大佬在线解惑。谢谢！！

枸杞泡茶不秃头
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue项目自动更换BaseUrl
Mjxiaomihu的博客
09-06 2872
Vue项目自动更换BaseUrl
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
10-15
在开发Vue3项目时，我们通常会遇到一个问题：在本地开发环境中，项目能够顺利地请求到后台接口，但在打包部署到服务器后，却无法获取到数据。这种情况通常是由于请求的远程地址发生了变化，导致接口调用失败。本文将...
vue项目实现动态baseURL,可以在打包后进行配置
Along前端开发者
04-19 2968
目前推出这种方案：要在打包为dist后，依旧可以直接在dist中进行修改。并且生效。
vue-cli 在打包之后更改地址使用公共请求baseURL
sumimg的博客
01-21 1826
需求： 项目中有很多家公司 有很多不同的公共请求地址，想着 能打一个包 然后在dist包中直接更改路径就可以，不用重复多次打包 在public/index.html 中设置 <script> window.baseURL='https://www.baidu/' </script> 然后在设置baseURL的地方，那到这个值就可以了 let setAxios = axios.create({ baseURL:window.baseURL, timeout: 20
配置Vue3中的baseURL--用于项目快速修改请求服务器
最新发布
没有标题哈哈哈
06-13 350
配置baseURL之后可以快速修改请求的服务器，在网上搜索了很多教程都没有找到合适的，大多都是对Vue2项目进行配置的和配置繁琐的，那么这里分享一下对vue3项目如何简单快速设置baseURL。
vue前端项目如何配置后端项目的请求地址
m0_69057918的博客
11-22 7152
vue前端项目配置后端项目的请求地址
Vue项目build打包编译后如何再修改后台请求地址
Macao7_W的博客
09-01 572
因为在public文件夹下的项目是不参与编译打包的，所以我们在public下进行配置请求地址，就可以不用每次修改后台地址再打包了。
React、Vue项目build打包编译后如何再修改后台请求地址
梦想成为全栈的切图仔
10-19 3082
目打包编译 npm run build 之后成为了普通的静态网页才可上线进行部署及发布。同样这时候我们也已经将代码全部写好了。如果说要改里面的某个值或者修改请求地址我们应该怎么办呢？
vue接通后端api以及部署到服务器操作
10-14
总结来说，本文介绍了如何在Vue项目中配置与后端API的连接，设置开发和生产环境的API地址，以及如何使用全局变量管理配置信息。这些步骤是将Vue应用与后端服务集成并部署到服务器的关键步骤。通过遵循这些步骤，你...
基于vue2+Mysql+nodejs+express+element-ui的前后端分离图书管理系统源码.zip
07-05
7.如需通过ip地址访问，请在vue.config.js文件中修改配置 打包运行，及线上运行方法：  1.将根目录下books_manage_system.sql文件导入到数据库中  2.在node/sql/booksystem.js文件内根据自己的数据库...
ios_super_sign_vue:超级签名 免签 安卓打包 企业签名 自助分发的vue前端
05-28
超级签名 免签 安卓打包 企业签名 自助分发的vue前端 使用方法 修改scr/main.js里的axios.defaults.baseURL为自己的域名build后复制文件到后端项目的sign下的public下即可 后端地址:
解决vue中axios设置超时(超过5分钟)没反应的问题
11-19
2. **在Vue项目配置文件中设置**：如果你的Vue项目使用了Vue CLI，并且有代理设置，比如在`vue.config.js`文件中，可以修改`devServer.proxy`中的`timeout`属性。对于Vue2项目，可以在`config/index.js`的`proxy...
vue打包后部署到后端(自动获取后端的baseURL)
偶尔写些东西，意思一下我也参与了内卷
10-26 2691
进入到登录页面，这时候获取验证码的接口就使用了前缀 `http://192.168.60.1:8081/web/code…我们请求接口进行映射进入到vue页面后，后续的接口访问就会使用原先的URL前缀！只需要吧原来的http://host:port/api 换成。
vue如何外置配置文件，灵活修改接口地址
laipengfei19的博客
09-16 5491
vue如何外置配置文件，灵活修改接口地址 最近使用vue2，webpack3打包项目，每次打包，接口地址都会被打包进去，无法自由修改。这是一个对前端增加工作量，对测试很不友好的操作。然后自己查了下资料，都说使用generate-asset-webpack-plugin插件，自己试着成功外置配置文件，这里做下记录。 首先安装插件 npm install generate-asset-webpack-plugin -S -D 在build文件夹下，新建一个文件generate-asset.config.js。
vue项目打包生成外部配置文件修改后端访问地址
山谷里的杂货铺
07-04 3837
前端打包需要向后台问一个接口访问地址，测试环境、生产环境都需要一个地址，每次打包时都要前端切换地址，感觉很麻烦，现在这个方法是打包后，在配置文件中修改地址。1、在public 文件下新建一个config.js文件，并进行编辑 2、找到你请求接口的地方 3、修改Index.html文件，引入config.js文件 4、dist包 只要修改dist包下的config.js文件的url就可以了...
VUE axios 后台请求地址可动态修改
走在搬砖的路上！
06-09 5744
1、方便多端打包，baseURL引用全局变量 ◇ static下新建config.js文件，设置一个BASE_API var BASE_API='/default' 复制代码 ◇ 根目录下找到.eslintrc.js文件 修改配置 修改完毕则可以全局使用这个变量（防止编辑器报错提醒） ◇ 在index.html引入这个静态js文件，为方便打包可以再写一个打包后的路径 2、封装的axios文件修改 脚手架搭建的一般为baseURL:process.env.BASE_AP...
VUE 打包后 动态修改 后台服务器地址
stateCelebrateking的专栏
04-25 381
添加 config.json 到public 目录下。使用的是第三方 continew-admin 项目。在 continew-admin-ui 项目中。在 request.ts 文件中。
Vue打包后文件的接口地址配置的方法
weixin_38499606的博客
10-29 7718
背景 常规的vue项目分为本地开发环境和生产环境，在实际项目中，我们在打包之前在.env文件中进行地址配置然后进行打包（vue.config.js文件在开发环境中有效，打包后无效），但在部署过程中地址是不固定的，那么就需要进行动态配置，而不是每次都重新构建代码 第一步：在public中新建config.js文件，用来配置接口地址 在config.js文件中写入 var ipConfig = { baseUrl: 'http://192.168.10.52:9999' } 第二步：在pu.
Vue项目url中的BASE_URL解析
qq_38854533的博客
10-30 7713
在Vue中遇到很多url都用到了<%= BASE_URL %>这个东西。 <%= BASE_URL %> 看起来很牛pia，其实就是项目根目录（手动狗头）。 在 vue-cli 创建的一个项目中执行命令 vue inspect > output.js 将 vue-cli 中对 webpack 的配置信息导出到 output.js 文件，会发现下面一段代码： new DefinePlugin( { 'process.env': { NO
vue打包时如何将后端地址写入到打包后的代码中
04-28
在 Vue 打包时，可以通过在 `vue.config.js` 文件中配置 `baseUrl` 或 `outputDir` 来指定打包后的代码的路径。同时，可以在代码中使用环境变量来动态获取后端地址，并将其写入到打包后的代码中。 具体步骤如下： ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值