首页 > 其他 > 详细

vue通过代理访问接口

时间:2020-12-10 21:47:37      阅读:121      评论:0      收藏:0      [点我收藏+]

1.config/index.js

 1 dev: {
 2 
 3     assetsSubDirectory: static,
 4     assetsPublicPath: /, 
 5     proxyTable: {
 6       /manyangyang: {
 7         target: http://xxxx.com, // 后端提供给你的接口地址
 8         changeOrigin: true, // true开启跨域
 9         secure:false,
10         pathRewrite: {
11           ^/manyangyang: / 
12         }
13       }
14     }    

2.测试代码

this.$axios({
     url:/mangyangyang/api/http/queryStaf,
     method:post,
    headers:{Content-Type:application/json;charset=utf-8},
     data:{
         data:{
            stafNo:123456,
           stafNam:yangyang
        }
     //data:JSON.stringify({"data":{"stafNo":"123456","stafNam":"yangyang"}})
   }
 }) 
 .then((res)=>console.log(res))
 .catch(err =>console.log(err));  

注:需要直接访问vue工程,如果通过网关访问,显然设置在vue工程中的代理就会失效。

vue通过代理访问接口

原文:https://www.cnblogs.com/manyangyang/p/14116279.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!