vue-cli3中,开发模式实现跨域

实现方法

  在vue-cli3中,实现跨域的配置方法有两种。

  1. 一种是在项目中的根目录,即与package.jason文件平行目录
    下创建vue.config.js。然后在文件中配置devServer的proxy属性。具体事项方法请参考链接;vue-cli3代理配置
    但是,本人配置之后并未实现跨域,配置的api的pathRewrite无法产生效果,组件中使用"/api/*"发送的请求链接是devServer的Ip加上"/api/*"。想不通,如果有大神清楚问题所在,请在评论里指点本人,感激不尽。
  2. 第二种方法在上文的链接中也提过,在package.jason文件中配置proxy对象。
//本人使用的是追书神器的api
"proxy": {
    "/api": "http://api.zhuishushenqi.com"
}

  配置之后,只要是项目中使用了匹配"/api"地址的都会自动替换。例如:

this.$axios
    .get("api/ranking/gender")
    .then(...)

  "api/ranking/gender"会被解析为"http://api.zhuishushenqi.com/ranking/gender"。如果想要深入了解,请访问这个链接

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 半夜四点四十被噩梦惊醒。谎话说多了就会变成真的。老说自己看完恐怖电影会做噩梦,现在成了现实。现在醒来即使眼睛困的睁...
    空山新雨后天气晚来秋阅读 1,339评论 0 0
  • 昨天深圳的天气特别好,西西卡夫妇去欢乐海岸看了一个莫奈的时光映迹艺术展。这是一个新型的展览,是采用数字虚拟成像技术...
    GoodDanning阅读 4,831评论 0 2
  • 1980年代是英國的大音樂劇時代,由製作人卡麥隆麥金塔主導,以龐大的製作,誇張的舞台,大量的演員,一連開發了「貓」...
    Cilo阅读 4,134评论 0 0
  • 岁月的长河不紧不慢地流着,寻常的日子也散发出沁人心脾的幽香…… 闲来无事,爱到楼下转转,荡荡悬挂在树下的秋千,听听...
    雲水禅心211阅读 4,005评论 0 1