在config/index.js这个文件里面,去修改
module.exports = {
dev: {
// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/api': {
target: 'http://127.0.0.1:3000',// 这个是你服务器开启的接口
changeOrigin: true,// 是否跨域
pathRewrite: {
'^/api': ''
}
}
}
}
}
这里主要是做一个转发,解决本地开发的跨域问题(这里自己做一个总结)
如若需要访问这个接口,这里我们以axios为例
axios.get('/api',{
params:{
id:'123'
}})
如果需要访问这个服务下,其他的接口,比如:http:127.0.0.1:3000/user
axios.get('/api/user')....就行了
下面是关于反向代理vue官方具体文档 传送门,有兴趣的可以去了解一下