通过修改js文件全局配置打包后的项目的baseURL

1、在public文件下创建一个js文件

(function(window){
    window.$config = {
        BaseUrl:"http://域名:端口号/项目名"
    }
})(window)

2、在public文件下的index.html文件中引入创建的js文件

3、在项目打包的时候,在二次封装axios的文件中修改baseURL的值为window.$config.BaseUrl

 

 这样做的目的:

        项目进行打包后,在打包的文件夹中会存在一个serverConfig.js文件,里面存放的是后端项目地址,如果后端项目地址发生变化,可以通过直接修改js文件中后端项目地址无需前端再次打包项目。

问题:baseURL写成固定的地址后,项目配置的跨域就没啥用了。

注!! 这样做只适合于前后端项目部署后不存在跨域的情况。想要通过vue配置跨域代理,baseURL就不能写成一个固定的地址。

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 你可以通过以下步骤来写一个全局配置文件: 1. 创建一个 JavaScript 文件,例如 config.js。 2. 在 config.js 中创建一个 JavaScript 对象,并设置一些配置属性,例如: ``` const config = { baseURL: "https://api.example.com", timeout: 5000 }; export default config; ``` 3. 在你的其他 JavaScript 文件中引入 config.js: ``` import config from "./config.js"; ``` 4. 在你的代码中使用 config 对象的属性: ``` console.log(config.baseURL); ``` 这样你就完成了一个全局配置文件的编写。 ### 回答2: JavaScript没有专门的全局配置文件,但可以通过以下几种方式来实现类似的全局配置: 1. 在JavaScript文件的开头定义全局变量: ```javascript var config = { apiKey: "your_api_key", apiUrl: "https://api.example.com" }; // 使用全局配置 console.log(config.apiKey); ``` 2. 使用立即执行函数(Immediately Invoked Function Expression,IIFE)将配置参数存储在函数作用域中: ```javascript (function() { var config = { apiKey: "your_api_key", apiUrl: "https://api.example.com" }; // 在函数内部使用配置 console.log(config.apiKey); })(); ``` 这样可以避免全局命名空间污染,但需要在每个使用配置文件中引入该配置函数。 3. 使用模块化方式,将配置参数导出为模块: `config.js` 文件: ```javascript export default { apiKey: "your_api_key", apiUrl: "https://api.example.com" }; ``` 在其他文件中导入并使用配置: ```javascript import config from './config.js'; console.log(config.apiKey); ``` 使用模块化方式可以方便地组织和管理配置信息,还可以避免全局污染和重复定义。 总结:虽然 JavaScript 没有专门的全局配置文件,但可以通过定义全局变量、使用立即执行函数或使用模块化方式实现全局配置的效果。具体选择哪种方式取决于项目需求和工程架构。 ### 回答3: 在JavaScript中,我们可以通过全局变量来模拟全局配置文件。以下是一个示例: 首先,在代码的任何位置创建一个全局变量对象,用于存储配置项。例如: ``` var config = { apiUrl: 'http://example.com/api', timeout: 5000, debug: true }; ``` 这个对象包含了一些配置项,例如`apiUrl`代表API的URL地址,`timeout`代表请求的超时时间,`debug`代表是否开启调试模式等等。 然后,在JavaScript的其他地方,可以直接使用全局变量`config`,来获取或修改配置项的值。例如: ``` console.log(config.apiUrl); // 输出:http://example.com/api config.timeout = 10000; console.log(config.timeout); // 输出:10000 ``` 通过`config.apiUrl`和`config.timeout`,我们可以轻松地获取和修改全局配置项的值。 此外,我们还可以将全局配置文件的对象封装成一个函数,以便于更好地管理和获取配置项。例如: ``` function getConfig(key) { return config[key]; } function setConfig(key, value) { config[key] = value; } ``` 通过`getConfig`函数,我们可以根据配置项的键名获取对应的值;而通过`setConfig`函数,我们可以根据配置项的键名设置对应的值。 全局配置文件的这种实现方式是一种简单而便捷的方法,在整个JavaScript应用程序中,我们可以轻松地访问和修改全局配置项的值。但请注意,在使用全局配置文件时,要保证配置项的安全性和合理性,避免敏感信息泄露和错误配置导致的问题。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值