0

第一次用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是否只能开发用,如果是在生产环境上该怎么办?

1个回答

0

已采纳

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

撰写答案