vue配置问题

vue build 之后 打开dist文件夹中的index.html报错
vue.config.js中
解决 publicPath: process.env.NODE_ENV === "production" ? "./" : "/",

vue-cli3.x全局引入less文件报错
解决 // 引入less变量 vue.config.js中

  const types = ["vue-modules", "vue", "normal-modules", "normal"];
  types.forEach((type) =>
    addStyleResource(config.module.rule("less").oneOf(type))
  );
},
// 引入less变量
function addStyleResource(rule) {
rule
  .use("style-resource")
  .loader("style-resources-loader")
  .options({
    patterns: [
      path.resolve(__dirname, "./src/assets/style/index.less"),
    ],
  });
}

module.exports = {
  
  publicPath: process.env.NODE_ENV === "production" ? "./" : "/",

  // 引入less变量
  chainWebpack: (config) => {
    const types = ["vue-modules", "vue", "normal-modules", "normal"];
    types.forEach((type) =>
      addStyleResource(config.module.rule("less").oneOf(type))
    );
  },
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          require("postcss-px2rem")({
            // 以设计稿3840为例， 3840 / 10 = 384
            remUnit: 384,
          }),
        ],
      },
    },
  },
};
// 引入less变量
function addStyleResource(rule) {
  rule
    .use("style-resource")
    .loader("style-resources-loader")
    .options({
      patterns: [
        path.resolve(__dirname, "./src/assets/style/index.less"),
      ],
    });
}