vue.config.js

"use strict";

// const os = require("os");
// let localhost = "";
// try {
//   const network = os.networkInterfaces();
//   localhost = network[Object.keys(network)[0]][1].address;
// } catch (e) {
//   localhost = "localhost";
// }

module.exports = {
    assetsDir: 'assets', //静态资源目录（js, css, img）
    lintOnSave: false, //是否开启eslint
    devServer: {
        open: false, //是否自动弹出浏览器页面
        host: "localhost",
        port: "9000",
        https: false, //是否使用https协议
        hotOnly: true, //是否开启热更新
        proxy: {
            "/api": {
                target: "http://v.juhe.cn", //API服务器的地址
                changeOrigin: true, //是否跨域
                pathRewrite: {
                    "^/api": "" // 替换为空
                }
            },
            "/api": {
                target: "http://web.juhe.cn", // 接口测试
                changeOrigin: true, //是否跨域
                pathRewrite: {
                    "^/api": ""
                }
            }
        }
    },
    publicPath: '',
    configureWebpack: {
        externals: {
            'AMap': 'AMap' // 高德地图配置
        }
    },
    // css: {
    //     loaderOptions: {
    //         postcss: {
    //             plugins: [
    //                 require('postcss-plugin-px2rem')({
    //                     rootValue: 100, // (数字\对象)根元素字体大小。默认为100。如果rootValue是一个对象，例如{ px: 50, rpx: 100 }，它将取代RPX至1/100雷姆，将PX改为1/50雷姆。
    //                     unitPrecision: 5, // (数字)十进制数，允许REM单元增长到。
    //                     propWhiteList: [], // (数组)可以从px更改为rem的属性。
    //                     propBlackList: [], // (数组)不应从px更改为rem的属性。 值必须是完全匹配的。
    //                     exclude: false, // (Reg)排除某些文件夹的一种方法，如。/(节点_模块)/。
    //                     selectorBlackList: [], // (数组)要忽略并以PX形式离开的选择器。
    //                     ignoreIdentifier: false,
    //                     replace: true,
    //                     mediaQuery: false, // (布尔值)允许在媒体查询中转换PX。
    //                     minPixelValue: 0 // (数字)设置要替换的最小像素值。
    //                 })
    //             ]
    //         }
    //     }
    // }
};

// publicPath: "/",
//   outputDir: "dist",
//   lintOnSave: true,
//   runtimeCompiler: true,
//   devServer: {
//     open: false,
//     host: localhost,
//     port: 9000,
//     https: false,
//     hotOnly: false,
//     proxy: {
//       "/toutiao": {
//         target: "http://v.juhe.cn", //要访问的跨域的域名
//         //开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样客户端端和服务端进行数据的交互就不会有跨域问题
//         changeOrigin: true,
//         ws: true, // 是否启用websockets
//         secure: false, // 使用的是http协议则设置为false，https协议则设置为true
//         pathRewrite: {
//           "^/toutiao": "/toutiao"
//         }
//       }
//     }
//   }



// devServer: {
//   port: port,
//   open: true,
//   overlay: {
//       warnings: false,
//       errors: true
//   },
//   proxy: {
//       // change xxx-api/login => mock/login
//       // detail: https://cli.vuejs.org/config/#devserver-proxy
//       [process.env.VUE_APP_BASE_API]: {
//           target: `http://127.0.0.1:${port}/mock`,
//           target: 'http://10.39.140.249:8005', // 开发环境
//           changeOrigin: true,
//           pathRewrite: {
//               ['^' + process.env.VUE_APP_BASE_API]: '/prod-api'
//           }
//       }
//   },
//   after: require('./mock/mock-server.js')
// },