前后端交互设置请求路径

最新推荐文章于 2024-11-07 09:44:43 发布

举樽好饮

最新推荐文章于 2024-11-07 09:44:43 发布

阅读量399

点赞数

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/weixin_51255845/article/details/118056346

版权

vue 专栏收录该内容

11 篇文章

订阅专栏

在Vue项目中，为了确保后端API请求能够正确发送，需要在main.js文件中设置axios的基础URL。通过引入axios库并将其挂载到Vue原型上，然后设定开发环境或生产环境的URL，例如设置为本地开发地址'http://127.0.0.1:8091/'或实际服务器地址'http://172.18.31.16:8000/'，这样可以确保在不同环境下请求能指向正确的接口。

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

只需要在main.js里面设置下面的代码即可

//一定要有，否则会不生效（引用axios为设置后端请求地址）
var axios = require("axios");


Vue.prototype.$axios = axios;
axios.defaults.baseURL = 'http://127.0.0.1:8091/';//后端开发环境地址
// axios.defaults.baseURL = 'http://172.18.31.16:8000/';//后端地址