vue 添加代理

1.跟目录下新建vue.config.js文件，添加内容：

module.exports = {

  assetsDir: 'static',

  parallel: false,

  publicPath: './',//history模式注释掉此行，hash模式需要

 

  productionSourceMap: false,

  devServer: {

    port: 8081,

    open: true,

    overlay: {

      warnings: false,

      errors: true

    },

    proxy: {

      '/api': {

              target: 'http://localhost:3000',  //后台接口地址

            changOrigin: true,  //允许跨域

              pathRewrite: {

              /* 重写路径，当我们在浏览器中看到请求的地址为：http://localhost:8080/api/core/getData/userInfo 时

                  实际上访问的地址是：http://121.121.67.254:8185/core/getData/userInfo,因为重写了 /api

                */

                '^/api': ''

              }

            },

    }

  },

}

 

2.把baseUrl改为‘/api’