axios修改服务器地址,axios 生产环境和开发环境 ip 切换(修改文件配置)
前言
往往在开发过程中,前端axios 连接的ip 地址 是内部服务器,甚至不止一个,可能有多个,那么在封装axios 工具的时候我们通常用这种方式
const axiosbaseurl = process.env.NODE_ENV===‘development‘ ? ‘http://192.168.2.125:8890‘:‘http://192.168.2.126:8890‘
const requsturlone = process.env.NODE_ENV===‘development‘ ? ‘http://192.168.2.125:8891‘:‘http://192.168.2.126:8892‘
总之前端一个工程中要连接多少个app 就写多少行配置,那么开发环境切换到生产环境 后 ,我们需要把内部ip 换成 生产环境ip,所做的就是在源码里将上述的地址改成需要的ip 编译部署,个人觉得这样不太适合。日后的自动化运维部署,并且动源码总是感觉不太好,于是想将相关的配置文件写到config.js 中,通过手动修改config.js 中内容直接可以更改url ,这样不用我每次动源码再去编译了
正题 :
于是乎我在模块里引入外部config.js
import {ip,port} from "../public/static/config.js"
这么看很合理,开发环境中那个,我修改config.js 中的ip axios 请求url 也相应改变,但是当我 build 后,再在config.js 里修改相关ip port 时 axios 始终以修改前的ip 和port 为地址,根本不变化,这里深层次的原因没有弄明白,大致总结了下,应该时webpack 在编译的时候就已经将config.js 内容编译到代码中了,当我们在浏览器中加载前端js , js 并没有动态的从相关文件中寻找。这里我去看了下 import 和 require 的引用机制,换成 require 引入,require是运行时加载,但还是不行,问题应该是出在了webpack 这里。
换种思路方法;
通过在 index.html 中 script 引入静态文件,将文件内容挂载到window 对象上,那么在我的axios 模块中就可以通过window 动态的加载config.js 中的内容了。
axios 引入
const ipconfig = window.$ipconfig
解决问题。。。
原文:https://www.cnblogs.com/my-python-2019/p/12851776.html
axios修改服务器地址,axios 生产环境和开发环境 ip 切换(修改文件配置)相关推荐
- 久其修改服务器地址,久其修改服务器地址
久其修改服务器地址 内容精选 换一换 环境搭建完成后,若您需要修改Atlas 200 DK的IP地址,请参考以下步骤操作.在Ubuntu服务器中以HwHiAiUser用户ssh登录Atlas 200 ...
- 软件系统换服务器地址,天正软件客户端修改服务器地址
天正软件客户端修改服务器地址 内容精选 换一换 如果IP经过NAT/WAF,则只能获取到NAT/WAF转化后的IP地址,无法获取到NAT/WAF前的IP地址.如果客户端为容器,只能获取到容器所在主机的 ...
- 天正服务器不显示,天正软件客户端修改服务器地址
天正软件客户端修改服务器地址 内容精选 换一换 如果IP经过NAT/WAF,则只能获取到NAT/WAF转化后的IP地址,无法获取到NAT/WAF前的IP地址.如果客户端为容器,只能获取到容器所在主机的 ...
- vue-cli打包后怎么修改服务器地址实践有效
前言:公司vue项目使用 npm run build 打包生成dist文件部署后,当需要修改服务器端地址时候就又需要重新配置url并打包部署,为简化部署测试工作,想实现通过修改服务器地址的配置文件来实 ...
- 税友报税软件让修改服务器地址,税友报税软件让修改服务器地址
税友报税软件让修改服务器地址 内容精选 换一换 目前,支持通过以下2种方式来设置日志级别:通过执行命令来设置日志级别.您可以用adc进程运行用户登录开发环境,执行全局级或模块级的日志级别设置命令.在开 ...
- ps4修改服务器地区,ps4怎么修改服务器地址
ps4怎么修改服务器地址 内容精选 换一换 在云服务器上搭建网站后,部分客户通过本地网络访问网站时出现偶发性无法访问的情况.确认客户使用的本地网络.若客户的本地网络是NAT网络(本地主机通过NAT功能 ...
- win10修改服务器地址,win10 修改服务器地址
win10 修改服务器地址 内容精选 换一换 通过华为云创建的ECS服务器默认使用华为云提供的内网DNS进行解析.内网DNS不影响ECS服务器对公网域名的访问.同时,还可以不经Internet,直接通 ...
- vue在生产环境、测试环境和开发环境,三种环境下配置不同的api地址
vue在生产环境.测试环境和开发环境,三种环境下配置不同的api地址 我们大多数在开发的时候,都会有三种环境,一个是开发环境,一个是测试环境,一个是生产环境,我们打包的时候需要根据不同的环境去加载不同 ...
- 战地1如何修改服务器,战地1修改服务器地址
战地1修改服务器地址 内容精选 换一换 域名的DNS服务器定义了域名用于解析的权威DNS服务器.通过华为云注册成功的域名默认使用华为云DNS进行解析,详细内容,请参见华为云DNS对用户提供域名服务的D ...
最新文章
- Struts2/WebWork高危漏洞(远程执行任意代码)
- java contains_Java基础教程|生成不重复随机数 java
- 职场程序员如何高效自学
- Redis 常用命令学习三:哈希类型命令
- html显示假的图片路径,实现自己网站的图片假水印功能
- Shiro笔记(三)授权
- Python中单元测试出错了,会怎么样?
- 聊一聊Jmeter与多接口测试
- ViewGroup之getScrollX()
- 犹豫不决时的78zb
- HDU 2154 跳舞毯
- What is the difference between LINQ to SQL and LINQ to Entities?
- Java面试题详解一:面向对象三大特性
- javascript对象的property和prototype是这样一种关系
- 泛型思想理解数据结构链表
- 计算机硬盘如何安装系统,电脑主机硬盘如何安装系统 一键硬盘安装win7系统
- 在 visual studio 中添加 ILDASM 工具
- 服务器运维工程师岗位要求
- python读取.ttf字体文件
- Linux基础指令入门 2