vue-cli 如何配置assetsPublicPath; vue.config.js如何更改assetsPublicPath配置;

Posted 最初的样子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-cli 如何配置assetsPublicPath; vue.config.js如何更改assetsPublicPath配置;相关的知识,希望对你有一定的参考价值。

问题:

 

 

 vue项目完成打包上线的时候遇到静态资源找不到的问题,网上很多解决办法都是基于vue-cli 2.x 来解决的,但从vue-cli 3.0以后,便舍弃了配置文件夹(便没有了config这个文件夹),所有配置文件都写在了一个文件 vue.config.js中 ,并且需要自己手动创建,创建位置:与src同级。

 

解决方法:

1. vue-cli 2.x版本

 在config文件夹下的index.js中修改 assetsPublicPath: \'./\'

2. vue-cli 3.x版本

在 cli3 中 assetsPublicPath 属性被 baseUrl 取代,只需要在vue.config.js 添加baseUrl 属性 设为 ‘./’ 即可

3. vue-cli 4.x版本

与cli3相同都是修改 vue.config.js 文件 ,但将属性换为   publicPath:\'./\' 

 

 

以上是关于vue-cli 如何配置assetsPublicPath; vue.config.js如何更改assetsPublicPath配置;的主要内容,如果未能解决你的问题,请参考以下文章

如何通过 vue-cli 3 配置 webpack 以使用 sass

如何在 Vue-cli 中配置 Webpack?

如何使用 vue-cli 3 配置环境变量?

如何配置生产构建和开发构建 vue-cli

如何配置 Vue-CLI 3 以生成没有 JavaScript 的页面?

如何在 vue-cli 项目中配置 webpack css loader