博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue 中 proxy代理
阅读量:6171 次
发布时间:2019-06-21

本文共 665 字,大约阅读时间需要 2 分钟。

Vue 框架开发的时候,会遇到跨域的问题,可在config/index.js 里配置proxyTable内容,使用proxy 代理。

// config/index.js  文件proxyTable: {      '/api': {        target: 'http://192.168.149.90:8080/', // 设置你调用的接口域名和端口号        changeOrigin: true,     // 跨域        pathRewrite: {          '^/api': '/'                  }      }    },

这里理解成用‘/api’代替target里面的地址,后面组件中我们掉接口时直接用api代替 比如我要调用':8080/xxx/duty?time=2017-07-07 14:57:22',直接写‘/api/xxx/duty?time=2017-07-07 14:57:22’即可

在dev.env.js 里配置开发环境请求地址

// config/dev.env.js 文件module.exports = merge(prodEnv, {  NODE_ENV: '"development"',  ADMIN_SERVER: '"/api/"',});

若请求插件用的 axios,配置如下

const adminServer = axios.create({  baseURL: process.env.ADMIN_SERVER,});

转载地址:http://ohtba.baihongyu.com/

你可能感兴趣的文章
约瑟夫问题总结
查看>>
spring mybatis 批量插入返回主键
查看>>
指针函数小用
查看>>
开源力量公开课第二十三期-从SVN到Git,次时代代码管理
查看>>
输入挂
查看>>
升级迁移前,存储过程统计各个用户下表的数据量,和迁移后的比对
查看>>
sql注入分类
查看>>
初识CSS选择器版本4
查看>>
[Hadoop in China 2011] 朱会灿:探析腾讯Typhoon云计算平台
查看>>
JavaScript之数组学习
查看>>
PHP 设置响应头来解决跨域问题
查看>>
CAS实现SSO单点登录原理
查看>>
博客园美化专用图片链接
查看>>
HDU_1969_二分
查看>>
高等代数葵花宝典—白皮书
查看>>
一种简单的图像修复方法
查看>>
基于DobboX的SOA服务集群搭建
查看>>
C#设计模式之装饰者
查看>>
[noip模拟20170921]模版题
查看>>
获取ip
查看>>