vue-cli 项目中绝对路径引用的相关资源 npm run build 后 打开页面报404错误

Posted xzma

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli 项目中绝对路径引用的相关资源 npm run build 后 打开页面报404错误相关的知识,希望对你有一定的参考价值。

在项目中。通过vue-cli 搭建的项目,npm run dev时,以绝对路径引用的相关资源在npm run build 后,页面打开报相关资源404错误;

解决方法如下:

打开build/utils.js,在图中相应位置加入红框内容,其中值可能会有不同,若不同,自己配置成相应的即可。

技术分享图片

技术分享图片

 

以上是关于vue-cli 项目中绝对路径引用的相关资源 npm run build 后 打开页面报404错误的主要内容,如果未能解决你的问题,请参考以下文章

vue-cli静态资源处理

Vue项目打包后的资源引用如何使用相对路径

vue-cli3 静态资源配置

在WPF里面如何引用相对路径(非资源)?

vue开发之图片加载不出来问题解决

webpack+vuecli打包生成资源相对引用路径与背景图片的正确引用