vue-cli 打包出来的文件缺少_关于vue-cli打包或者上线后文件各种路径或者找不到的问题解决方案...

我们用vue开发项目的时候npm run dev 用的很爽的

一旦 npm run build之后 或者上线之后

卧槽，我的什么css，img各种加载不了，实在让人头疼，查了很多资料，以下是我的解决方案

零 安装vue-cli

npm install -g vue-cli // 加-g是安装到全局

vue init webpack demo //然后一路回车等待安装完毕

cnpm install //等安装完毕

一 配置别名

1 配置

build/webpack.base.conf.js

alias: {

'vue$': 'vue/dist/vue.esm.js',

'@': resolve('src'),

'c': resolve('src/components'),

'img': resolve('src/assets/img'),

'css': resolve('src/assets/css')

}

2 用法

//记得~

二 所有资源相对路径

打开webpack.prod.conf.js

找到output：增加 publicPath: './', 即可如图

那么这样后，资源的引用路径就正确了。

当然在config文件夹下的inde