如何动态修改publicPath

vue-cli3中怎么动态修改publicPath?
如下图所示,我修改了vue.config.js里面的publicPath之后,打包出来的index.html中引入的所有资源前缀都变成了我设定的那个__DIST__,那么我如何动态的配置它呢,比如让它publicPath: window.path

clipboard.png

我试过了网上搜的__webpack_public_path__ = window.path;

//index.html中:
window.path = 'http://abc.com'
//入口文件中:
__webpack_public_path__ = window.path
//然后vue.config.js中publicPath放空:
publicPath: ''

但是打包后全部都是相对路径static/xxxxxxxx
并没有像我想象的一样变成http://abc.com/static/xxxxxxx

阅读 9.4k
3 个回答

首先先在入口文件 console 一下 windows.path
确定定义顺序没问题,
然后参考 webpack 文档,最后确认用的 webpack 版本是否支持。

clipboard.png

vue.config.js入口文件里面配置

 let baseUrl = "./";
module.exports = {
    baseUrl: baseUrl,
};
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题