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 完美解決