在 Vue 中使用 @import 导入样式时,可以在 vue.config.js 中的 css.loaderOptions 中添加 prependData 选项来设置请求头。

示例代码如下:

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        prependData: `
          @import "@/assets/styles/variables.scss";
          @import "@/assets/styles/mixins.scss";
        `
      }
    }
  }
};

其中,prependData 的值为要添加的样式代码,可以是一个字符串或一个函数。在这个示例中,我们添加了两个 Sass 文件,并使用 @import 导入它们。这些文件中包含了一些变量和混合器,可以在全局使用。

注意,这里的 @ 符号是指 src 目录的别名,需要在 vue.config.js 中配置 alias 才能使用。如果没有配置 alias,可以直接写成相对路径

vue的import 添加请求头

原文地址: https://www.cveoy.top/t/topic/cpwd 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录