vue中上线后,关于接口报错404问题

由于在开发阶段去调用后台的接口时候,设计到跨域问题,所以我们要用proxyTable去处理,在config下面的index里面:

 proxyTable: {
      '/api': { 
          // http://10.109.0.145:8086/                后台本地服务地址
          // http:// xxxxxx.xxxxx.com/    正式域名地址
  
          //根据项目阶段去切换target地址即可
          target: 'http://xxxxx.xxxxx.com/',  //源地址
          changeOrigin: true, //改变源
          pathRewrite: {
              '^/api': '' //路径重写npm
          }
      }
  },

在getData.js里面使用root

var root = process.env.API_HOST
export const homeBanner = () => $http(root + '/information/loadingImg');  //通过root去自动识别项目所处的环境
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vue-Music 一| 前期工作 1.项目初始化 npm install -g vue-cli vue init...
    noobakong阅读 1,889评论 0 5
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 3,036评论 1 4
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,935评论 1 45
  • 天使爱人的左翼阅读 223评论 0 0
  • (十二) 回到瑶光后。 萧然:“王上,你可算回来了!” “何事?赵大人等有异动?” “倒不是他们,前日我国猎户与邻...
    冠翎阅读 590评论 0 2