vue配置后台请求接口地址的统一前缀

最新推荐文章于 2025-12-02 15:55:42 发布

原创最新推荐文章于 2025-12-02 15:55:42 发布 · 6.2k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#java #vue #ajax #接口

本文介绍了如何在Vue项目中使用axios全局配置基础URL，通过在main.js中添加axios.defaults.baseURL，使得后续的HTTP请求不再需要手动添加服务器地址。例如设置为'http://localhost:18081'后，发送GET请求时可以直接指定相对路径，如'/api-admin/user/selectServiceOrSenderTest/1/'，从而提高代码的简洁性和可维护性。

请求方式使用的是axios，在main.js中添加baseURL

在下面配置中加上axios.defaults.baseURL = 'http://xxxx:18081';即可

Vue.use(VueAxios, axios)
axios.defaults.baseURL = 'http://localhost:18081';

再次发送请求时就不用带前缀了

this.axios(
        {
          url: '/api-admin/user/selectServiceOrSenderTest/1/',
          method: 'GET',
          data: {}
        }
      ).then(response => {
        console.log(response)
      })