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

1. Failed to load resource: net::ERR_FILE_NOT_FOUND 静态资源加载不到

2. vue-cli 3.x 如何配置assetsPublicPath

3. vue.config.js如何更改assetsPublicPath配置


网上很多解决办法都是基于vue-cli 2.x 来解决的,但从vue-cli 3.0以后,便没有了config这个文件夹,如此,何如?

vue-cli 3.x 如何配置assetsPublicPath; vue.config.js如何更改assetsPublicPath配置;_第1张图片


1. vue-cli 3.x 亲测有效

  • 在vue脚手架更新到3.0以后,便舍弃了配置文件夹,所有配置文件都写在了一个文件 vue.config.js中 ,并且需要自己手动创建,位置放在src同级目录下:同级目录,不在src中
    vue-cli 3.x 如何配置assetsPublicPath; vue.config.js如何更改assetsPublicPath配置;_第2张图片
  • vue.config.js 的配置 :
    3.0 之前的都是修改config/index.js 文件下的 assetsPublicPath 属性。
    在 cli3 中 assetsPublicPath 属性被 baseUrl 取代,只需要在vue.config.js 添加baseUrl 属性 设为 ‘./’ 即可。
module.exports = {

  baseUrl : './'
  
}

vue-cli 4

基本方法同上相同,都是修改 vue.config.js 文件 ,但将属性换为
publicPath : './ '

你可能感兴趣的:(vue,vue,cli)