解决vue-cli构建的项目在build后,本地index打不开

解决vue-cli构建的项目在build后,本地index打不开,第1张

时间有限,废话少说。
不需要新建什么vue.config.js文件,也不需要改路由什么的,老版本可能需要,新版本根本没有vue.config.js文件,只有build和config目录,在这里做修改即可。
1.将config目录中的index.js文件中,build里面的assetsPublicPath改一下

assetsPublicPath: './',

改成前面多加一个点就可以的,记得是build对象里面。

2.在build的utils.js里面的if(options.extract){}里加上下面这句代码“publicPath: ‘…/…/’,”

 if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        publicPath: '../../', //加上这句
        fallback: 'vue-style-loader'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }

再打包就开业在本地运行了,在服务器上运行不需要做任何修改。
后期要继续写的话需要把这两个地方改回来。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/945095.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-18
下一篇 2022-05-18

发表评论

登录后才能评论

评论列表(0条)

保存