vue.js - vue部署到tomcat后，通过proxyTable配置的跨域路径都访问不到了？

问题描述

问 题

第一次用vue做项目，开发的时候是通过axios向后端发请求获取数据的，所以涉及到跨域的问题，谷歌之后发现vue提供了proxyTable设置跨域的访问问题，设置之后，可以正常拿到数据了，配置如下：

访问的时候通过设置vue全局变量，如下get请求：

Vue.prototype.HOST = '/api';
Vue.prototype.GRAD_HOST = '/grad';

created () {
    let appId = this.Utils.getIds().appId;
    let openId =  this.Utils.getIds().openId;
    let url = this.HOST + '/market/customerVIPList.htm?openId='+openId+'&appId='+appId;
    this.$vux.loading.show({text: '加载中'});
    this.$http.get(url).then(response => {
        this.flag = response.data.flag;
        this.cards = response.data.vipCardList;
    },error => {
        console.info('连接失败！！');
    });
    this.$vux.loading.hide();
  }

开发的时候一切正常，可是编译打包，放到tomcat上之后，访问页面所有的请求都报not found了！求大神指教，是否proxyTable是否只能开发用，如果是在生产环境上该怎么办？

解决方案

Vue-cli提供的代理功能，只是让你在开发环境下使用的，它(http-server-middleware)依赖于node环境，生产代码应该使用npm run build然后把dist放到nginx服务器上，在nginx上配置代理地址

这篇关于vue.js - vue部署到tomcat后，通过proxyTable配置的跨域路径都访问不到了？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！