node打包vue项目

1、控制台在项目根目录执行npm run build

node打包vue项目会在根目录产生一个dist文件夹

2、打开index.html,网页控制台可以看到错误

Failed to load resource: net::ERR_FILE_NOT_FOUND
修改根目录下config/index.js 中的build下assetsPublicPath为空
node打包vue项目

3、刷新index.html,可以打开网页,但element-ui的icon不能正常显示

网页控制台依然显示 Failed to load resource: net::ERR_FILE_NOT_FOUND
修改根目录下build/utils.js文件,在相应位置加一条 publicPath: ‘…/…/’
node打包vue项目

4、再刷新index.html,就可以正常显示啦