Vue笔记-vue3中.en.dev文件及axios.defaults.baseURL的使用

最新推荐文章于 2024-08-04 02:06:26 发布

IT1995

最新推荐文章于 2024-08-04 02:06:26 发布

阅读量2.4k

点赞数

分类专栏： Vue web前端文章标签： vue js web前端

本文链接：https://blog.csdn.net/qq78442761/article/details/116656537

版权

web前端同时被 2 个专栏收录

181 篇文章 6 订阅

订阅专栏

Vue

32 篇文章 3 订阅

订阅专栏

结构是这样的：

在项目里面新建.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

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

import { createApp } from 'vue'
import App from './App.vue'
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
import axios from 'axios';

axios.defaults.baseURL = process.env.VUE_APP_SERVER;

const app = createApp(App);
app.use(Antd).mount('#app');

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

            const onSubmit = () => {

                axios.post('/msg', {
                    msg: modelRef.msg.content
                })
                    .then(function (response) {
                        console.log(response);
                    })
                    .catch(function (error) {
                        console.log(error);
                    });
            };

这里就不用自己接全路径了。