vue前后台跨越请求简单总结

vue-cli请求数据注意事项这里还是要好好解释一下一定要仔细看否则你回错过的首先我们这个项目是依赖vue-cli然后我们再来说它的数据请求我们发现我们的请求都是 localhost:8080/***/***但是我们实际开发可不会是这个地址localhost:8080/***/***那么我们怎么要怎么办？下面就是我要说的首先我要说的是v

孤叶独飞

8038人浏览 · 2017-09-01 15:08:52

孤叶独飞 · 2017-09-01 15:08:52 发布

##vue-cli请求数据注意事项

vue-cli使用的Proxying

代理配置

/*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 是否代理

api.js配置

 axios.defaults.withCredentials=true;/*设置session共享配合后台使用 */

后台配置

CorsConfiguration corsConfiguration = new CorsConfiguration();  
        corsConfiguration.addAllowedOrigin("*");//这个指点可以进来的地址
        corsConfiguration.addAllowedHeader("*");  
        corsConfiguration.addAllowedMethod("*");  
        corsConfiguration.setAllowCredentials(true);//共享session配合前端使用

仅供参考，实测有用

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^