vue3中.env.dev文件结合axios.defaults.baseURL的使用

作者：天景科技苑 | 2024-08-10 15:46:54

踩

.env.dev

结构是这样的：

在项目里面新建.env.dev文件内容如下：


NODE_ENV=development
VUE_APP_SERVER=http://127.0.0.1:8880
VUE_APP_WS_SERVER=ws://127.0.0.1:8880

修改package.json

注意:

执行npm run serve-dev时 , --mode指定环境模式 dev(默认值：development),即执行.env.dev文件.

最后在main.js中修改axios的baseURL


import { createApp } from 'vue'
import App from './App.vue'
import axios from 'axios';
 
axios.defaults.baseURL = process.env.VUE_APP_SERVER;
 
const app = createApp(App);
app.mount('#app');

调用的时候就方便了，如下：

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/天景科技苑/article/detail/959170