[JavaScript知识库]VUE----配置代理服务器

vue.config.js

module.exports = {
    pages: {
      index: {
        // page 的入口
        entry: 'src/main.js',
      },
    },
    lintOnSave:false, //关闭语法检查
    // 开启代理服务器(方式一)
    // devServer: {
    //   proxy: 'http://localhost:5000'
    // }

    // 开启代理服务器(方式一)
    devServer: {
      proxy: {
        '/atguigu': {//遇见/atguigu前缀的请求，就会触发该代理配置
          target: 'http://localhost:5000',//请求转发给谁
          pathRewrite:{'^/atguigu':''},//重写请求路径(必须)
          ws: true, //用于websccket
          changeOrigin: true//控制服务器收到的请求头中Host的值
        },
        '/demo': {
          target: 'http://localhost:5001',
          pathRewrite:{'^/demo':''},
          ws: true, //用于websccket
          changeOrigin: true
        }
      }
    }
  }

getStudents(){
 axios.get('http://localhost:8080/atguigu/students').then(
    response => {
      console.log('请求成功了！',response.data)
    },
    error => {
      console.log('请求失败了!',error.message)
    }
  )
}