在根目录下新建文件vue.config.js
配置打包资源路径:默认是“./”,如果没有特殊需求就不要修改
代码如下:
const path = require('path')
function resolve(dir) {
return path.join(__dirname, dir)
}
module.exports = {
publicPath: './static', //这个路径根据自己的情况定,默认就填"./",因为我静态资源的路径必须要在static文件夹下,所以才修改的。
devServer: { //配置服务器的,添加之后使用npm run dev会自动打开页面
open: true
},
configureWebpack: {
resolve: {
alias: {
'@': resolve('src')
}
}
}
}
这是我的部署目录结构,这个 publicPath路径,其实就是相对index.html的路径,可以根据自己的需求修改