vue本地开发做反向代理（解决跨域问题）

在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官方具体文档 传送门，有兴趣的可以去了解一下