前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >从零搭建一个django项目-13-多环境变量配置

从零搭建一个django项目-13-多环境变量配置

作者头像
怪盗LYL
发布2022-06-13 13:27:56
4530
发布2022-06-13 13:27:56
举报
文章被收录于专栏:测试开发真货测试开发真货
  • 每次启动serve或者buil需要配置不同的调后台地址,这里我们可以选择使用Vue中环境变量。
  1. 在项目根目录下新建或修改以下文件:.env.xxx development模式用于 vue-cli-service serve production模式用于 vue-cli-service build

这里新建的两个默认的文件分别对应调试和打包 也可以自定义一个

  • 使用命令 npm run local执行读取local环境
  • 新建一个config文件夹存放配置:
  • index.js文件下:
代码语言:javascript
复制
// 根据环境引入不同配置 process.env.NODE_ENVconsole.log('载入环境')console.log(process.env.NODE_ENV)const config = require('./env.' + process.env.NODE_ENV);module.exports = config;
  • 运行命令npm run local
  • 看一下控制台,获取到了local环境
  • 现在看下环境js都配置了什么:
代码语言:javascript
复制
// 本地环境配置module.exports = {  baseUrl: 'http://localhost:8080', // 项目地址
  baseApi: 'http://127.0.0.1:8000/' // 本地api请求地址}
  • 不到环境请求的地址不同main.js中引用配置,将axios默认的基础url通过config取
代码语言:javascript
复制
import config from './config/index'import axios from 'axios'axios.defaults.baseURL = config.baseApi
  • 请求看看
  • 修改以后再请求:
  • 使用的是修改后的配置,证明是读取的配置请求。
  • 扩展一下怎么使用全局变量:
  • vue3使用app.config.globalProperties
  • 取变量使用this.$
  • 现在我们就不用每次启动serve或者buil修改请求地址了。
  • 修改一个bug,使用buil打包起环境时候谷歌浏览器删除cookies时候没删掉。
  • quit函数改成这样,先赋值个空再删除,双重保证下。
  • 登录状态判断修改
  • 登录状态判断修改
  • 我这个方法感觉挺野蛮的,各位前端大佬有方法可以联系我~
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2022-06-12,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 测试开发真货 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档