按照vuejs官方的腳手架生成了demo代碼,並運行,步驟如下:
$ npm install -g vue-cli $ vue init webpack-simple my-project $ cd my-project $ npm install $ npm run dev
打開瀏覽器,可以看到demo的頁面:
此時打包后的build.js是在內存中的。如果要生成打包后的build.js需要執行下面的命令:
npm run build
想把打包后的build.js放到java web項目中的src目錄下試着運行,html,js加載成功,頁面能顯示,但是圖片沒有顯示出來,看了下圖片的路徑,在這里:
於是給項目中,增加了assets目錄,把圖片拷進去,重新執行,沒有用。
又看了下請求的url,發現圖片的路徑在dist路徑下
Request URL:
http://localhost:8080/dist/logo.png?82b9c7a5a3f405032b1db71a25f67021
重新拷貝圖片到webapp目錄下
再次運行項目,圖片加載成功!