// vue 中的 proxy 就是利用了 Node 代理，原理还是因为服务器端没有跨域这一说嘛

//vue-cli2.5以上 里面的 vue.config.js做配置
module.exports = {
  // publicPath: process.env.NODE_ENV === "production" ? "././" : "/",  //部署应用包时的基本 URL
  // 基本路径
  publicPath: "./", // 可以设置成相对路径，这样所有的资源都会被链接为相对路径，打出来的包可以被部署在任意路径
  outputDir: "dist", //打包时生成的生产环境构建文件的目录
  assetsDir: 'public', // 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录
  devServer: { //代理
    proxy: {
      "/api": { // 匹配所有以 '/api'开头的请求路径
        target: "http://localhost:3000", //这里可以跟随项目实际部署服务器来
        changeOrigin: true, // 支持跨域
        ws: true, //如果要代理 websockets，配置这个参数
        pathRewrite: {
          "^/api": "" // 重写路径: 去掉路径中开头的'/api'
        }
      }
    }
  },
}