// vue.config.js
module.exports = {
  devServer: {
    proxy: {
       // 电影信息
      "/api": {    // 这里的`/api`是自定义的
        target: "https://api.iynn.cn/film/api/v1/", //这里是真实的接口baseURL
        changeOrigin: true,
        ws: true,
        pathRewrite: {
          "^/api/": "", // 这里的`^/api`也是是自定义的
        },
      },
      // 用于获取高德地图的
      "/position": {
        target: "https://restapi.amap.com/v5",
        changeOrigin: true,
        ws: true,
        pathRewrite: {
          "^/position/": "",
        },
      },
    },
  },
  configureWebpack: {
    devtool: process.env.NODE_ENV === "production" ? "false" : "source-map",
  }
};

项目用到两个不同域的接口，一个是电影院信息，一个是高德地图接口，于是分别配置不同的代理方法。在开发环境下，访问接口地址，分别以/api和/position作为开头访问不同的接口地址。

另外一个配置是可以在浏览器控制台的source，里面看到项目源代码。打开source面板之后，点击webpack://，可以看到src目录下的项目源码