vue打包之后配置统一请求地址步骤详解
更新时间：2023年07月04日 11:28:14 作者：喜欢走弯路的人
这篇文章主要为大家介绍了vue打包之后配置统一请求地址实现步骤详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
1.第一步
在public文件夹下新建一个config.js文件,并添加如下内容
exports.PLATFROM_CONFIG = {
baseURL: "服务器地址"
}2.第二步
在vue.config.js中根据路径引入后，修改服务器代理地址target
const PLATFROM_CONFIG = require('./public/config.js')
devServer: {
port: 8080,
proxy: {
'/fdapis': {
target: PLATFROM_CONFIG.PLATFROM_CONFIG.baseURL,//修改服务器代理地址
ws: false,
changeOrigin: true,
pathRewrite: {
'^/fdapis': '' //需要rewrite的,
}
}
}
},3.第三步
在封装的网络请求文件中设置默认请求地址，我的项目中请求地址在request.js文件中配置
首先，根据路径引入public文件中的config.js文件：
import PLATFROM_CONFIG from '../../public/config'
其次，根据地址配置，修改PLATFROM_CONFIG文件中的baseURL地址：
PLATFROM_CONFIG.PLATFROM_CONFIG.baseURL=localStorage.getItem('BASE_URL') // 在request.js中修改配置地址这里之所以从localStorage.getItem('BASE_URL') 中取值，并赋值给PLATFROM_CONFIG文件中的baseURL是由于，我的地址在登录时由用户自己配置服务器地址以及端口号，并存储在了session中。如下图所示：
用户自己配置服务器地址
4.最后统一配置服务器请求地址
Vue.prototype.BASE_URL = localStorage.getItem('BASE_URL') // 公共的服务器地址
以上就是vue打包之后配置统一请求地址的详细内容，更多关于vue打包请求地址配置的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了vue中子组件向父组件传递数据的实例代码(实现加减功能) ,需要的朋友可以参考下2018-04-04
本文介绍了如何在Vue3项目中整合Live2D技术,从Live2D的基本介绍到在Vue3中的具体实现方法,Live2D技术允许开发者将二维图像转化为可动画的三维模型,主要应用于游戏、虚拟角色等领域,文章详细说明了在vue3项目中使用Live2D的步骤,感兴趣的朋友一起看看吧2024-10-10
这篇文章主要介绍了Vue项目中实现ElementUI按需引入,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-05-05
本文主要介绍了Element el-upload上传组件使用详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-04-04
这篇文章主要为大家详细介绍了vue+js点击箭头实现图片切换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
这篇文章主要给大家介绍了关于vue自定义指令限制输入框输入值的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
使用axios可以很方便地获取后端返回的文件流数据,并在前端直接在浏览器下载,这篇文章主要给大家介绍了关于前端处理axios请求下载后端返回的文件流的相关资料,需要的朋友可以参考下2024-07-07
vue3是一个流行的前端框架,vite是一个快速的构建工具,下面这篇文章主要给大家介绍了关于vue3+vite项目跨域配置踩坑实战的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-05-05
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
今天小编就为大家分享一篇vue2.0 使用element-ui里的upload组件实现图片预览效果方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要为大家介绍了element-ui表单提交自动清空隐藏表单值实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
最新评论