解决方法:
在vue项目的根目录下添加 vue.config.js文件,文件中需要按照下面写法来写
module.exports = {
lintOnSave: true,
devServer: {
proxy: {
// proxy all requests starting with /api to jsonplaceholder
'/api': {
target: 'http://localhost:8080', //代理接口
changeOrigin: true,
pathRewrite: {
'^/api': '/mock' //代理的路径
}
}
}
}
}
然后你就可以在代码中使用 /api 来代替http://localhost:8080/mock啦
以上这篇vue 实现cli3.0中使用proxy进行代理转发就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。