1.找到 vue项目目录 > config > index.js
dev: {
env: require('./dev.env'),
// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/api': { // 这里的 /api 是固定的
target: 'http://f.apiplus.cn', //你的服务器地址
changeOrigin: true, //改变源
pathRewrite: {
'^/api': 'http://f.apiplus.cn' // 意为 用 /api 这个字符代替 后面的地址 在访问接口时直接写 /api ...... 就好了,这个/api可以是任意的字符。
}
}
},
……
}
2.在开发过程中请求数据时直接用 /api (与上面pathRewrite定义的字符保持一致)开头 +后面的接口。(我用的axios)
getData () {
axios.get('/api/bj11x5.json', function (res) {
console.log(res)
})
网友评论