打包方法：
1.把絕對路徑改為相對路徑：打開config/index.js 會看到一個build屬性，這里就是我們打包的基本配置了。在這里可以修改打包的目錄，打包的文件名。最重要的是一定要把絕對目錄改為相對目錄。即：把 assetsPublicPath:'/' 改為 assetsPublicPath:'./'
2.在當前工程文件下使用命令：npm run build 進行打包。
注意事項：
1.打包結束后，如果要直接在本地打開（即直接打開生成的dist文件下的index.html即可），可以在 npm run build 完成之后，執行命令：npm install -g http-server // 該命令只需執行一次, 安裝過之后， 以后就不需要重復安裝了。
2.直接打開生成的dist文件下的index.html時，可能會發現該界面的圖片都沒有加載出來，這是因為圖片引用路徑出錯了。比如，我是把圖片資源放在static文件夾下了，那么圖片引用時必須使用相對路徑，而不能使用絕對路徑（npm run dev命令，對於絕對路徑和相對路徑都沒問題；npm run build命令，只能是相對路徑）。
錯誤的示例：
正確的示例：
3.圖片引用時，是有區別的，如果是靜態加載(template/style下)，直接用相對地址即可，如果是動態加載(script下)，則需要 require('相對地址') 才能成功（import也可以的）！
靜態加載：
動態加載：
4.import和require區別(參考網上)：
5.assets文件夾與static文件夾的區別
區別一：assets文件是src下的，所以最后運行時需要進行打包，而static文件不需要打包就直接放在最終的文件中。
區別二：assets中的文件在vue中的template/style下用../這種相對路徑的形式進行引用，在script下必須用@import的方式引入。