问答

Vue接口环境设置,引入本地一个抽取环境变量的模块文件不起作用

作者:admin 2021-09-08 我要评论

直接上图了,我将环境变量写在src目录下的env.js文件,如图所示 env.js代码如下 然后在main.js引入使用 当我去调试时,在 axios.defaults.baseURL = env.baseURL...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

直接上图了,我将环境变量写在src目录下的env.js文件,如图所示image.png
env.js代码如下image.png
然后在main.js引入使用
image.png
当我去调试时,在axios.defaults.baseURL = env.baseURL处打了断点
结果代码根本没进入到env.js文件中,配置不生效,
如图
image.png我琢磨了半天觉得是文件没有引入成功,不知道为什么,希望大佬能热心帮助,非常感谢!

###

试试:

import * as env from './env';

或者下面两个配合使用:

// env.js
export { baseURL }

// main.js
import { baseURL } from './env';

axios.default.baseURL = baseURL;

当然,只是试试,在此之前最好看下赋值的时候 baseURL 是否是你想要的值。
还有, export default据称是为了填旧坑(export.default)而引入的,但是又挖了不少新坑,在新项目里应当避免使用。

###

哥们,按照你说的我试了下,打断点还是不能进入到env.js文件,如图
image.png
但是可以打印出
image.png
不知道为啥打断点进不去

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • Vue接口环境设置,引入本地一个抽取环

    Vue接口环境设置,引入本地一个抽取环

  • 钉钉小程序有没有类似微信小程序 obser

    钉钉小程序有没有类似微信小程序 obser

  • Vue项目打包放服务器上接口报错

    Vue项目打包放服务器上接口报错

  • eCharts曲线图如何让曲线发光

    eCharts曲线图如何让曲线发光

腾讯云代理商
海外云服务器