vue开发跨域代理 proxy

前提:使用axios请求,已经引入了axios,并设置属性类似
import axios from ‘axios’
Vue.prototype.$https=axios*
*注:我的项目是没有config配置文件的(不同vue版本目录不同),需要手动新建vue.config.js,下面对应配置都是在vue.config.js中进行的。

刚开始用vue开发,想请求.json文件的数据时(我的json文件放到了电脑的iis上面的),涉及到了跨域,上网找了相关解决办法,类似如下图:
在这里插入图片描述
然后请求时:
this.$https.get(’/api/job.json’).then(function (res) {
console.log(res.data)
})
这样确实可以成功访问到job.json里面的数据,
但是在另一个vue项目中,我要访问本地 后台服务的http://localhost:8000/showStudent接口时,也按照上面这种方式改了target为http://localhost:8000,然后请求/api/showStudent,但是浏览器一直报错 接口 not found 404,
后来上网找了各种方式修改,无果,最后在Vue CLI官网找到了最简单确最有效的方法如下链接及截图(哭死了)
https://cli.vuejs.org/zh/config/#devserver-proxy
在这里插入图片描述

然后直接用 /showStudent 就好了
this.$http.get(’/showStudent’).then((response) => {
console.log(response.data)
})

所以,在踩坑的路上,最好还是先看官网的介绍
在这里插入图片描述

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

打赏
文章很值,打赏犒劳作者一下
相关推荐
©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页

打赏

cheeseC

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者