900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > Vue项目build后静态资源文件路径或新建文件夹图片路径找不到的问题

Vue项目build后静态资源文件路径或新建文件夹图片路径找不到的问题

时间:2024-01-04 07:38:28

相关推荐

Vue项目build后静态资源文件路径或新建文件夹图片路径找不到的问题

问题描述:使用vue-cli脚手架工具生成的vue项目,使用npm run build后生成的文件直接双击打开白屏一片。

解决方案:

第一步:修改build文件夹下utils.js,在以下位置加入

if (options.extract) {return ExtractTextPlugin.extract({use: loaders,fallback: 'vue-style-loader',//用于解决build后静态文件路径找不到的问题(新加的代码)publicPath: '../'})} else {return ['vue-style-loader'].concat(loaders)}复制代码

第二步:修改config文件夹下的index.js文件,在以下位置进行修改,注意是build对象中:

build: {// Template for index.htmlindex: path.resolve(__dirname, '../dist/index.html'),// PathsassetsRoot: path.resolve(__dirname, '../dist'),assetsSubDirectory: 'static',//用于解决build后文件路径找不到的问题(修改为./)assetsPublicPath: './',复制代码

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。