a.執行打包命令:npm run build?
b.打包之後生成的文件夾為根目錄下的dist文件:
c.進入dist中
在運行這個index.html之前先說說壹些打包配置問題:
在config文件夾下可以看到壹個index.js文件,打開其中可以看到有幾個屬性分別是:
assetsRoot: path.resolve(__dirname, '../dist')//其實這個就是剛才打包後的根目錄文件夾dist,所有的文件都會輸出到這裏
assetsSubDirectory: 'static'?//默認是把css,fonts,images,js輸出到這個文件夾下,但是我的改成了?assetsSubDirectory: '' ?所以上圖就直接輸出到dist下了,即這個參數配置的是靜態文件的輸出目錄
assetsPublicPath: '/'? 這個就是靜態文件的引用前綴
在index.html文件中可以看到每個js,css文件的引用路徑,在服務器上運行時如果發生找不到文件如下圖
大多數情況下都是參數配置問題,可以根據index.html文件下的路徑進行測試進行解決,如果不行可以留言壹起交流。