学无止境,天涯煮梦!
登陆 | 注册

vue-cli设置接口地址

发表于:2018-09-20 00:27:24 / 作者:煮梦 / 所属栏目:VUE

日常开发中,如果每个接口,都写成如下格式:

http://xxx.xxx.com/xxx……

未免恶心,而且未来维护,也极为麻烦,需要改好几个地方。

vue提供了一个对象,修改一下,就能设置开发用的接口地址,到时候,只需要替换一个位置即可

打开config/index.js

找到proxyTable:{}

在这个中写入如下代码:

'/api': {  //代理地址  
        target: 'http://127.0.0.3/',  //需要代理的地址  
        changeOrigin: true,  //是否跨域  
        secure: false,    
        pathRewrite: {  
            '^/api': '/'   //本身的接口地址没有 '/api' 这种通用前缀,所以要rewrite,如果本身有则去掉  
        }
      }

剩下的就简单了,去接口的页面,将axios,url的地址,由http://www.xxx.com/xxx/xx改为'/api/xxx/xxx'即可

prev next