博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue-cli设置proxyTable 跨域
阅读量:5244 次
发布时间:2019-06-14

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

  跨域问题很常见,至于为什么有跨域就不说了。记录一下在vue-cli中设置跨域 这里只需要前端设置 ,然后就可以进行跨域访问啦

  在脚手架中 config的文件夹下面有一个index.js 打开找到proxyTable ,发现是一个空对象。这个单词的意思是代理 。那么我们可以理解为 通过这个代理发出请求,映射到相同的域名端口号下,然后实现跨域的访问。

  那么怎么设置呢?

  

proxyTable: {        '/api/':{            target:'http://210.16.188.194:8090',            changeOrinin:true,            pathRewrite:{                '^/api':''            }        }    },

  呐 介绍一下怎么用 , 

  target: 写你需要访问的地址 比如说我需要访问的接口是这个下面的某个文件,我只需要写到端口号即可  

  changeOrinin:true  照抄就行啦

  下面的也是照抄即可

  然后请求访问 

  this.$axios.get('api/xxxxxxxxxxxxxxxxx').then(data=>{})....

  需要注意的就是前面要加上api这些。

  vue-resource同理 

转载于:https://www.cnblogs.com/pengaijin/p/7514042.html

你可能感兴趣的文章
vue项目中使用百度统计
查看>>
android:scaleType属性
查看>>
SuperEPC
查看>>
RBAC用户角色权限设计方案
查看>>
thymeleaf
查看>>
CentOS7安装iptables防火墙
查看>>
mysql-5.7 innodb 的并行任务调度详解
查看>>
shell脚本
查看>>
Upload Image to .NET Core 2.1 API
查看>>
python针对excel的读写操作-----openpyxl
查看>>
最后几本书,不珍藏了。
查看>>
Js时间处理
查看>>
Java项目xml相关配置
查看>>
按钮实现A标签新窗口打开(不用window.open)
查看>>
三维变换概述
查看>>
第三次作业
查看>>
Python的classmethod和staticmethod区别
查看>>
Ubuntu12.04 英文环境下使用ibus输入中文并自动启动输入法
查看>>
SpringMVC 拦截器HandlerInterceptor(一)
查看>>
mvc知识应用
查看>>