Vue-cli: 关于npm run build出来资源路径问题

[jiayisheji]

npm run build出来就是这个文件夹，
但是有一个问题是，路径有问题

画框的是自动生成出来的，
body下面是我修改过的，如果不修会报错js或者css找不到，vue-cli默认那个栗子也是这样的，我将static/前面的/，手动去掉就可以加载了，这个问题需要在哪里修改。

[superlbr]

这个就是让你弄到服务器上去，静态文件反向代理下咯

[pramper]

@superlbr 额，可以解释一下什么意思么？如果想打开index.html就看到效果的话，是不是在路径前加个“.”就可以了？

[superlbr]

你要这么理解也行。

[x007xyz]

打开config文件夹下的index.js，设置assetsPublicPath: './'。

[jiayisheji]

@x007xyz 改成这样也可以额

[x007xyz]

@jiayisheji npm run dev要改回来，不然会出错。

[unliar]

// assetsPublicPath: '/', 把index.js 这一行注释掉 就可以了,npm run dev 也可以预览,
现在问题来了.....怎么把这三个js合并, 我看run dev的时候只有一个包

[posva]

@jiayisheji This should be fixed with the last webpack template. Can you check please?

[miniai]

同样的问题，相对路径会导致css里面的背景图片路径不对

[posva]

Closing for inactivity

[Caraws]

同样的问题... assetsPublicPath: './', 加点会空白页;注释掉会报错.. 什么都不改在iis上可以正常运行,就是放在github上预览不行

[anjir]

@327326724 遇到同样的问题了，现在你的问题解决了吗？

[miniai]

我用的vux-cli没这个问题了

[akumaLin]

@ 327326724用相对导致css里面的背景图片路径不对，这个问题你解决了吗？怎么解决的？我也有这个问题

[miniai]

太大的图片不会被转化为base64，会导致相对路径不对，压缩后还是很大的图片我都是单独处理的，在vue文件import进来，然后使用

[toyouzi]

为什么我放在static的文件编译到dist下 没有版本号呢？ 你们的有吗

[Skura23]

https://juejin.im/post/5a75c8ce5188257a624c9ff1
这个文章可以解决图片路径问题

[q640202047]

一样的问题，坐等大神答复！

[chucklai92]

打开config文件夹下的index.js，设置assetsPublicPath: './'。

vue-cli3没有这个配置文件 怎么办？

[hailei534]

改了也找不到怎么办 NetWork的引入路径和我写的就不是一个怎么回事

[jiayisheji]

如果不行可以手动改<base href="/">，在head标签里面加上这个，
根目录 www.xxx.com
<base href="/">
不是根目录 www.xxx.com/app
<base href="/app/">

[meigesir]

打开config文件夹下的index.js，设置assetsPublicPath: './'。

vue-cli3没有这个配置文件 怎么办？

vue-cli3在vue.config.js配置publicPath，我是产品环境变了，开发环境继续根目录，如下:
https://cli.vuejs.org/zh/config/#publicpath

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/production-sub-path/'
    : '/'
}

[Channe]

打开config文件夹下的index.js，设置assetsPublicPath: './'。

vue-cli3没有这个配置文件 怎么办？

vue-cli3在vue.config.js配置publicPath，我是产品环境变了，开发环境继续根目录，如下:
https://cli.vuejs.org/zh/config/#publicpath

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/production-sub-path/'
    : '/'
}

publicPath 改成./后，electron启动后不在空白页，但是静态资源还是无法加载

[meigesir]

打开config文件夹下的index.js，设置assetsPublicPath: './'。

vue-cli3没有这个配置文件 怎么办？

vue-cli3在vue.config.js配置publicPath，我是产品环境变了，开发环境继续根目录，如下:
https://cli.vuejs.org/zh/config/#publicpath

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/production-sub-path/'
    : '/'
}

publicPath 改成./后，electron启动后不在空白页，但是静态资源还是无法加载

不好意思，electron没有做研究，帮不了你