vue2.0 项目build后资源文件报错404的解决方案

当vue项目build后，咱们会看到css、js报错404的问题；

那咱们就去找错误缘由吧。

首先，查看build后的dist文件目录

能够看出，js、css在index.html的同级目录下；

而后，查看index.html，看到下面的代码　

<script type=text/javascript src=/static/js/app.41ce5f66426864089c57.js></script>

咱们先普及下文件路径的知识    ../上级目录   ./同级目录  /根目录

看上面的代码，js、css文件的访问是根目录，因此咱们只须要将根目录改为同级目录就能够了。

 

修改方法：找到config文件夹下的index.js文件

找到build.assetsPublicPath，将"/"修改为"./"

build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './'
    
   // 下面的省略 
｝

 

再次执行 npm run build 完美解决