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)
})

所以，在踩坑的路上，最好还是先看官网的介绍