vue vue-cli请求后台服务地址要注意点

vue-cli请求数据注意事项

这里还是要好好解释一下 一定要仔细看否则你回错过的

首先我们这个项目是依赖vue-cli

然后我们再来说它的数据请求

我们发现我们的请求都是 localhost:8080/***/***

但是我们实际开发可不会是这个地址localhost:8080/***/***

那么我们怎么要怎么办？

下面就是我要说的

首先我要说的是vue-cli引用了一个叫Proxying

你想了解的话，上面给链接了，我就不说了。

1、那这个有什么用呢？

2、它可以做代理，

1、代理的作用是什么呢？

2、作用就是 跨 ！域！ 是不是听到这两个字心情爽了一大半，对吧 ！

扯了这么久下面帖！代 ! 码 !

/*config/index.js 下*/ proxyTable: { //像这里我接口是http://www.xxxx.x.xxx:8080/portal/role/roles '/portal': { // /portal只要含有这个的就是我们要委托的url target: 'http://www.xxxx.x.xxx:8080', //target:被请求的地址 changeOrigin:true, //changeOrigin 是否代理

写完后记得重新运行一下了npm run dev 
还有就是记得把本地模拟数据（mock）接口注释掉,他们之间会会有影响 
上面是经过项目检验的有问题可以留言

---

上面说的时再开发环境下时这样的，但是生产环境就不一样了。 
生产环境就不是这样弄了 
下面我们就来说说生产环境中怎么写请求的

//首先我们把请求的地址写入 window.localPath='http://192.168.110.155:8080';

/*设置session共享 */ axios.defaults.withCredentials=true; export const logout= () => {return axios.post(localPath+'/xxx/xxx/xxx',)}

你这些写好了就些 剩下的是后台的问题了 
后台只需要配置这两个就行了

CorsConfiguration corsConfiguration = new CorsConfiguration(); corsConfiguration.addAllowedOrigin("*");//这个指点可以进来的地址 corsConfiguration.addAllowedHeader("*"); corsConfiguration.addAllowedMethod("*"); corsConfiguration.setAllowCredentials(true);//这里是就是这是那个共享session