vue项目设置可修改的动态请求地址

1.static中创建config.js

(function () {
    window.SITE_CONFIG = {}
    // api接口请求地址  这里写你后端要请求的接口地址
    window.SITE_CONFIG['dynamicUrl'] = 'http://192.168.102.226/'

})()

2.index.html中引入config.js

<script src="./static/config.js"></script>

3.axios中使用

// 创建axios实例
const service = axios.create({
  baseURL: window.SITE_CONFIG['dynamicUrl']?window.SITE_CONFIG['dynamicUrl']:process.env.BASE_API, // api 的 base_url
  timeout: 20000 // 请求超时时间
})
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容