webpack vue 构建的项目，npm run build后 路径问题

Question

npm run build 后dist文件夹下面直接浏览器打开index.html，css和js的路径都不正确。 放到跟目录下就正常了，iis上同样只能在根目录下。我项目的目录如下：谁帮我看看要修改哪个配置文件来解决这个问题，如何改？  另外这些求高手讲解一下，下面这张图上相关配置文件的作用。   不用发webpack入门链接了，那些不适应于vue下的配置。

Answer 1

改成相对当前目录，我试了下是可以的，我们公司也说想用这个vue，所以刚好看到你的。

Answer 2

请问下，按照你的方式改掉之后路径是正确啦，但是我在css样式里面添加的background-image背景图片路径是错的。比如路径应该是img下，结果变成了css/img下，路径多了一层css，在html添加的图片路径没有出错，只是在css文件里添加的路径出错了，望解答

Answer 3

background-image背景图片路径问题可以这样解决：
1、先在data里面导入这张图片，例如：
                bg:require('./openIndexBG2.jpg')
2、然后在template里面对这个div做个绑定，例如：
    <div  :style="{backgroundImage: 'url(' +bg + ')'}" >
这样就可以避开因打包而造成的的路径问题了！

Answer 4

关于图片路径问题，找到了一个解决方法：
修改build/utils.js 文件中
if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath: '../../'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }
添加一行：publicPath: '../../' 

Answer 5

还可以图片文件夹放在static文件夹下static  文件夹下的东西不会打包编译的