vue-cli打包css引用图片路径问题

最新推荐文章于 2024-09-27 15:46:53 发布

原创

最新推荐文章于 2024-09-27 15:46:53 发布 · 850 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

这篇博客探讨了在Vue CLI项目中遇到的CSS引用图片路径问题，以及如何通过修改配置将绝对路径转变为相对路径，确保打包后资源正确加载。

将项目引用绝对路径改为相对路径，修改 build 中 assetsPublicPath ：

// config/index.js
'use strict'

const path = require('path')
const packageJson = require('../package.json')
// 构建文件夹
const dir = 'dist/' + packageJson.name

module.exports = {
   
   
  dev: {
   
   
    // Paths
    assetsSubDirectory: 'assets',
    assetsPublicPath: '/',
    proxyTable: {
   
   
    },
    host: '0.0.0.0', // can be overwritten