// 在vue.config.js中
const path = require(‘path’)
function resolve (src) {
return path.resolve(__dirname, src)
}
module.exports = {
devServer: {
port: 8999, // 端口号的配置
open: true // 自动打开浏览器
},
publicPath: ‘’,
chainWebpack: config => {
config.resolve.alias
.set(‘assets’, resolve(‘src/assets’))
.set(‘common’, resolve(‘src/common’))
.set(‘components’, resolve(‘src/components’))
.set(‘network’, resolve(‘src/network’))
.set(‘router’, resolve(‘src/router’))
.set(‘store’, resolve(‘src/store’))
.set(‘views’, resolve(‘src/views’))
}
}
// 由于上次我采用了 不在src目录下的 static 导致图片全部失效
// 使用 static 而不使用 /static 编译成功 图片有效