vue-cli2打包，静态资源路径如何设置

Question

再所有请求加载的css,js,图片上加路径/api/page/如下

http://localhost:8866/api/page/static/js/41.9ada4511d0a2e3d41ef5.js

该如何配置，是

assetsSubDirectory这个吗
或者通过部署nginx如何实现

Answer 1

你可以直接看 CLI 的文档， 👉配置参考 | Vue CLI

CLI 2.x版本的稍微不一样一点，但应该是配置 assetsDir 属性

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。

Answer 2

static打包后的图片路径找不到

修改utils 文件，添加加粗的一部分
if (options.extract) {

  return ExtractTextPlugin.extract({
    use: loaders,
    fallback: 'vue-style-loader',
   ** publicPath: '../../'**
  })
} else {
  return ['vue-style-loader'].concat(loaders)
}

}

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。