Vue配置代理（二）

最新推荐文章于 2024-05-08 17:53:40 发布

周怼怼

最新推荐文章于 2024-05-08 17:53:40 发布

阅读量693

点赞数

分类专栏：学习笔记 study 文章标签： javascript vue.js

本文链接：https://blog.csdn.net/qq_43596906/article/details/120726878

版权

本文介绍了在Vue项目中如何配置代理实现对多个服务器的请求。通过设置'/api'作为请求前缀，可以避免路径问题导致的404错误。使用axios时，结合配置的代理，可以成功发送请求到不同服务器。

摘要由CSDN通过智能技术生成

配置代理（二）

    devServer:{
   
        proxy: {
   
            '/api': {
   
                target:'http://localhost:5000',
                pathRewrite:{
   '^/api':''}
            }
        }
    }

‘/api’：请求前缀（可自定义），允许请求前缀为/api的发送请求，这样就可以发送多个请求 target:请求路径
pathRewri：重写请求路径，否则请求路径会把前缀一起发送过去，但服务器没有这个路径就会找不到报404.

axios发送请求加上前缀

axios.get('http://localhost:8080/api/students'

最低0.47元/天解锁文章

周怼怼

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue配置代理（二）

配置代理（二） devServer:{ proxy: { '/api': { target:'http://localhost:5000', pathRewrite:{'^/api':''} } } }‘/api’：请求前缀（可自定义），允许请求前缀为/api的发送请求，这样就可以发送多个请求 target:请求路径pathRewri：重写请
复制链接

扫一扫