如何在打包后请求代理地址如何变成请求的正式地址

已于 2023-09-14 10:16:25 修改
阅读量261 收藏
点赞数
文章标签： vue.js 前端
于 2023-09-14 09:52:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Gx754649/article/details/132869705
版权
博客介绍了Vue项目中走代理服务器，打包后不知如何更换成正式地址的解决办法。只需在pubic文件夹下建一个config.js文件，写入打包后的真实地址，再在封装请求的js文件中引入即可。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.在        里面走代理服务器，

但是打包后不知道怎么更换成正式地址很头疼，很简单只需要在pubic文件夹下建一个config.js这个是你打包过后的真实地址然后在你封装的请求的js文件下面引入

郭旭前端
关注
使用jeecgboot框架打包前端代码，只需修改后端映射地址，即可实现部署多台服务器
a001_110的博客
11-07 3306
工作上遇到一个要部署多台服务器的需求，后端代码打包后只需要修改application.yml文件端口号，数据库等即可部署，之前部署一台服务器的时候只需要修改.env.production文件中的路径即可但是前端打包后，文件被压缩，找不到.env.production文件，经过搜索尝试后，需求已解决，特此记录一下。
electron 一次打包 配置多个地址
weixin_47964331的博客
03-30 1353
electron 打包一个壳子配置多个地址 上回说到配置应用打开的地址，咱们可以通过修改mainWindow.loadFile或者mainWindow.loadURL改变打包后的访问地址，但是因为收到了一个项目的需求，主要是为了减轻每次打包浪费的时间，让实施能够用一个壳子的情况下，自己配置访问的地址内容。所以翻了许多文档和方法，最后决定用一个最简单的办法解决，具体内容往下看。 我们知道打包后，实际可以把壳子看作一个浏览器（Google Chromium），所以我们就知道可以通过修改访问地址直接应用。 基础打
Vue2打包部署后动态修改后端接口地址的解决方法
G_whang的博客
07-11 2802
本篇文章将介绍使用Vue2开发前后端分离项目时，前端打包部署后可动态修改后端接口地址的解决方法。
127.0.0.1和0.0.0.0地址的区别
power的专栏
11-19 887
https://blog.csdn.net/u012814696/article/details/55098249 接下来我们来看之前问过的问题：127.0.0.1和0.0.0.0地址的区别是什么？ 我们先来看下共同点： 1. 都属于特殊地址。 2. 都属于A类地址。 3. 都是IPV4地址。 接下来我们分别看下这两个地址： 2.1 0.0.0.0 IPV4中，0.0.0.0地址被...
Vue通过配置文件更改打包后工程的url请求服务地址（避免重复打包）
weixin_44134588的博客
08-25 5050
代码开发的过程中分为生产环境和开发环境，生产环境是部署上线后的环境，而开发环境就是代码开发阶段所使用的环境，很多服务都是本地的； 需求： 代码打包之后，后端服务地址有变动，不想重新打包，能否通过修改某些文件的方式来进行修改？ 解决方案： 在根目录下新建一个config.js文件，里面的信息就是生产环境的地址信息： 然后在index文件中引入该js文件 此时 ，在我们项目中的js代码中就能够直接拿到config文件内的信息了，也就是dataUrl这个对象； 紧接着，在自己封装api时，一般会判断是生产环
记录一次前端配置代理踩坑，一个项目不同模块，请求不同的后台地址，前端代理该怎么配置
qq_35469342的博客
03-08 827
我们可以通过在写 api 接口的时候，直接给当前的 url 地址配置baseURL，这样在经过全局封装的时候，便不会往前继续拼接。一般项目都是直接通过axios前端请求封装的，这样子会在请求的时候，通过拦截，给全局请求接口拼接上。，在请求封装的时候拼接的 baseURL 也是这个地址，那此时我们怎么办，才能成功的拼接到我们想要的。开发项目的时候，遇到了一个小需求，项目中某一个模块的代码需要调用另外一个后台项目的接口，这样，在我们请求的时候，接口路径的前缀就会变成我们所想要的。，或者要加额外的参数，比如。
Vue解决打包后如果需要修改后台连接地址需要重新打包问题
2401_84186026的博客
04-07 600
思路其实这个地方的关键就是把后台配置的URL设置到打包后还存在的文件里面，把相关的URL设置到全局，在需要使用这些URL的地方，判断一下是不是生产环境，如果是，那就使用全局设置的url，如果不是，就去使用配置文件的。index.html在index.html文件中添加一段js代码，把后台请求的url配置到全局。
vue项目打包后直接修改ip地址
weixin_35757191的博客
01-09 2151
在 Vue 项目的配置文件中可以设置 devServer.host 属性来指定开发服务器的主机名。打包后的项目文件中并不包含该配置，所以需要使用其他方式来修改 IP 地址。 一种方法是在本地的 hosts 文件中添加一条映射记录，将域名映射到所需的 IP 地址上。例如，将 localhost 映射到 192.168.1.100： 192.168.1.100 localhost 然后在 Vue 项...
前端打包配置+nginx配置实现部署及部署地址带特定前缀的几种方式
lingliu0824的博客
06-26 3754
答案是和上面一样，即还是loacalhost/tenant-mgt/vendor/vue.min.js 因为和index同级就是相当于tenant-mgt的后面一级。: 指定文件系统中某个目录作为请求的根目录，Nginx会在该目录下寻找请求的文件,最后请求的路径为root指定的URL + location上的URL。（注意是以/结尾的） 则跟tenant-mgt/同级，相当于是tenant-mat的下一级，因为tenant-mgt后面有一个/如果部署的前缀固定，可以设置publicPath为固定路径。
uni-app的h5/小程序/app 网络请求，解决本地环境和生产环境网络请求问题
热门推荐
weixin_45753961的博客
04-11 1万+
本篇的重点主要在于解决这三端在本地和正式环境的网络请求问题 全部代码贴在了全文最后 思路： 首先要理解这三个端的特性，h5会有跨域问题需要反向代理，小程序和app不需要反向代理，同时小程序还得用https域名。 一、h5， 一般会跨域需要反向代理。所以要在mainifest.json设置反向代理。在请求接口时，还得拼个/api前缀 // 配置代理 "devServer" : { "proxy" : { "/api" : { "target" : "ht
vue项目打包后接口前缀变成了file://无法访问接口
最新发布
09-12
在Vue项目中，打包后接口前缀变成了`file://`通常是由于开发环境和生产环境的配置不同导致的。在开发环境下，接口可能直接通过相对路径或者`http://`开头的URL访问，但是在生产环境下，尤其是在Web服务器中，接口的...
多个代理地址以及打包问题解决
Y2960018173的博客
08-03 621
先解决代理问题在解决打包多个地址问题前端做代理只是在本地打包的时候不会打包进去 这跟你最后的上线域名有关（但是多个后端提供地址就需要前端处理一个）
如何将前端项目打包并部署到不同服务器环境
weixin_51591826的博客
05-26 4880
如何将前端项目打包并部署到不同服务器环境
vue 项目打包之后进行修改配置后端 IP 地址、端口等信息方法
优快云_33901573的博客
05-11 1万+
用vue-cli构建的项目通常是采用前后端分离的开发模式，也就是前端与后台完全分离，此时就需要将后台接口地址打包进项目中，但是，我们只是改个接口地址也要重新打包那就太麻烦了。怎么解决呢？方法如下，本文推荐俩种方式。
vue 环境配置并配置打包命令(多个代理地址)。
CCKing7的博客
03-29 2707
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档。
若依前端项目配置打包后可更改的请求接口地址url
song_song0927的博客
09-28 6500
若依配置打包后可修改的接口地址
vue打包部署到服务器，动态获取(修改)对应服务器的请求ip
m0_58622543的博客
08-24 4011
按照上述的步骤实现动态获取后，当token过期后，会触发一个重新登录的操作，当用户点击重新登录后，跳转登录页面，这时window.VITE_BASE_URL就获取不到了(判断时路径重定向后，清除了写入window的对象)，会导致请求接口地址错误。vue打包后的文件要部署到不同的服务器上，ip不同，每次部署都要修改对应服务器的ip后打包上线，所以会出现频繁打包的情况。2.在输入网址后就获取到网址栏的IP，还是在public文件夹里面添加一个js文件，index.html引入该文件。3.同思路1-第四步。
Vue实现打包后可修改配置文件（请求地址）
qq_29039105的博客
05-10 1579
配置成功后，打包项目后，打包文件夹下会出现一个urlConfig文件，发布前，直接更改其中的地址即可。1.同样的在public文件夹下配置urlConfig.ts，代码同上。一、在Vue2中实现。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值