Vue配置代理

在主目录下，创建vue.config.js

例如：

app  

        - src

                - main.js

                - App.vue

        -vue.config.js

方法一：只能配置一个代理服务器

module.exports = {
    pages: {
      index: {
        //入口
        entry: 'src/main.js',
      },
    },
    lintOnSave:false,    //关闭语法检查

    // 开启代理服务器  //代理服务器默认在8080
    devServer: {
      proxy: 'http://localhost:5000' //将请求转发给5000  不能配置多个
    }
  }

方法二：可以配置多个代理

​
​
module.exports = {
    pages: {
      index: {
        //入口
        entry: 'src/main.js',
      },
    },
    lintOnSave:false,    //关闭语法检查

    // 开启代理服务器（方式二）
    devServer: {
      proxy: {
        '/demo': {
          target: 'http://localhost:5000',

          //将代理服务器中拿到的地址： /demo/students 中的 /demo转成 空的字符串
          pathRewrite:{'^/