美文网首页vue
VUE 根据环境变量设置baserUrl

VUE 根据环境变量设置baserUrl

作者: 抽疯的稻草绳 | 来源:发表于2021-11-16 10:06 被阅读0次
1.在请求文件同层目录新建config 目录
const env = process.env.NODE_ENV

const config = {
  development: {
    baseURL: '/api', //开发
  },
  production: {
    baseURL: '/', //生产
  },
}

export default {
  baseURL: config[env].baseURL,
}

2.在请求接口引入文件
import config from './config/index'

let ConfigBaseURL = config.baseURL //根地址

const http = axios.create({
  timeout: 15000,
  baseURL: ConfigBaseURL,
})
http.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'

3.在开发环境上代理的就是 api

4.在生产环境上的根地址就是 /

相关文章

  • VUE 根据环境变量设置baserUrl

    1.在请求文件同层目录新建config 目录 2.在请求接口引入文件 3.在开发环境上代理的就是 api 4.在生...

  • vue-cli3配置生产-测试环境及代码打包完自动压缩

    vue-cli3配置生产-测试环境 配置环境变量和模式 根据 vue-cli3 文档,可以通过设置项目根目录下的 ...

  • temp

    vue中,根据屏幕不同设置子组件的高度,ref、$refs、props vue组件页面高度根据屏幕大小自适应 vu...

  • docker容器环境变量的设置与查看

    设置环境变量 查看环境变量 通过环境变量文件设置环境变量 查看所有环境变量

  • window设置和查看环境变量

    全局设置(设置环境变量): 当前会话设置: 查看环境变量: 删除变量:

  • java语言基础1.2

    JDK环境变量的设置 1.计算机右键属性,高级系统设置,然后环境变量设置、 环境变量设置;直接设置Path变量将J...

  • linux学习第一条

    查找 whereis ls 查看环境变量 echo $PATH 环境变量 设置环境变量 1、临时环境变量设置 ex...

  • ngrok服务器架设过程

    需要先安装go环境设置环境变量12345 # 可以根据自己需要调整路径 echo 'export GORO...

  • vue - 学习笔记

    环境变量与模式 设置 基础 过滤器 观察属性 计算属性 表单绑定 表单修饰符 组件 路由 vue-router 事...

  • R语言-环境变量设置

    R语言环境变量的设置 设置环境变量的函数为options(),用options()命令可以设置一些环境变量,使用h...

网友评论

    本文标题:VUE 根据环境变量设置baserUrl

    本文链接:https://www.haomeiwen.com/subject/hffhtrtx.html