vue proxyTable 接口跨域请求调试的示例

在不同域之间访问是比较常见，在本地调试访问远程服务器。。。。这就是有域问题。

VUE解决通过proxyTable:

在 config/index.js 配置文件中

 dev: {
  env: require('./dev.env'),
  port: 8080,
  autoOpenBrowser: true,
  assetsSubDirectory: 'static',
  assetsPublicPath: '/',
  //proxyTable: {},
  proxyTable: proxyConfig.proxyList,
  // CSS Sourcemaps off by default because relative paths are "buggy"
  // with this option, according to the CSS-Loader README
  // (https://github.com/webpack/css-loader#sourcemaps)
  // In our experience, they generally work as expected,
  // just be aware of this issue when enabling this option.
  cssSourceMap: false
 }

划红线部分就是设置代理参数：

在config目录创建，proxyConfig.js 写入

module.exports = {
 proxyList: {
    '/apis': {
      // 测试环境
      target: 'https://goods.footer.com', // 接口域名
      changeOrigin: true, //是否跨域
      pathRewrite: {
        '^/apis': ''  //需要rewrite重写的,
      }       
    }
 }
}

在 config/index.js 配置文件上边引入

var proxyConfig = require('./proxyConfig')

使用：

服务器提供接口：https://goods.footer.com/health/list

Vue请求

var obj = {
  pageSize: 20
}
this.$http.get( '/apis/health/list',{params: obj})
      .then(function(res){
    // 成功回调
      },function(){
       alert("error")
      })

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# vue  # proxytable  # 跨域  # Ruoyi-Vue处理跨域问题同时请求多个域名接口(前端处理方法)  # 在vue中使用jsonp进行跨域请求接口操作  # Vue proxyTable配置多个接口地址  # 解决跨域的问题  # 解决Vue调用springboot接口403跨域问题  # vue-cli中vue本地实现跨域调试接口  # 从Vue到Postman全面验证API接口跨域问题解决  # 配置文件  # 是有  # 这就  # 重写  # 回调  # 大家多多  # Sourcemaps  # CSS  # relative  # default  # assetsPublicPath  # static  # proxyList  # proxyConfig  # paths  # github  # https 

相关文章： 如何规划企业建站流程的关键步骤？  公司网站的制作公司,企业网站制作基本流程有哪些？  免费公司网站制作软件,如何申请免费主页空间做自己的网站？  如何快速重置建站主机并恢复默认配置？  如何通过二级域名建站提升品牌影响力？  javascript基本数据类型及类型检测常用方法小结  建站主机与虚拟主机有何区别？如何选择最优方案？  存储型VPS适合搭建中小型网站吗？  娃派WAP自助建站：免费模板+移动优化，快速打造专业网站  如何优化Golang Web性能_Golang HTTP服务器性能提升方法  建站之星伪静态规则如何设置？  头像制作网站在线观看,除了站酷，还有哪些比较好的设计网站？  如何通过云梦建站系统实现SEO快速优化？  网站代码制作软件有哪些,如何生成自己网站的代码？  移民网站制作流程,怎么看加拿大移民官网？  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊？  代购小票制作网站有哪些,购物小票的简要说明？  如何选择香港主机高效搭建外贸独立站？  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用？  如何选择高效稳定的ISP建站解决方案？  如何在宝塔面板创建新站点？  深圳网站制作的公司有哪些,dido官方网站？  linux top下的 minerd 木马清除方法  jQuery 常见小例汇总  较简单的网站制作软件有哪些,手机版网页制作用什么软件？  5种Android数据存储方式汇总  浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样？  独立制作一个网站多少钱,建立网站需要花多少钱？  如何用免费手机建站系统零基础打造专业网站？  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？  上海网站制作网站建设公司,建筑电工证网上查询系统入口？  建站之星2.7模板快速切换与批量管理功能操作指南  如何通过西部建站助手安装IIS服务器？  javascript中的try catch异常捕获机制用法分析  建站之星如何实现PC+手机+微信网站五合一建站？  如何通过虚拟主机空间快速建站？  潮流网站制作头像软件下载,适合母子的网名有哪些？  如何快速生成高效建站系统源代码？  c# 服务器GC和工作站GC的区别和设置  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的，背景音乐、音效等？  购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  IOS倒计时设置UIButton标题title的抖动问题  厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办？  微信小程序制作网站有哪些,微信小程序需要做网站吗？  python的本地网站制作,如何创建本地站点？  seo网站制作优化,网站SEO优化步骤有哪些？  专业公司网站制作公司,用什么语言做企业网站比较好？  江苏网站制作公司有哪些,江苏书法考级官方网站？