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

最新推荐文章于 2024-08-06 16:06:58 发布

zhige@

最新推荐文章于 2024-08-06 16:06:58 发布

阅读量6.2k

点赞数 3

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/nyasm/article/details/115312554

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

请求方式使用的是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)
      })