nuxt.js1-9

靜態資源和打包

　直接引入圖片

　　咱們在網上任意下載一個圖片，放到項目中的static文件夾下面，而後能夠使用下面的引入方法進行引用

<div><img src="~static/logo.png" /></div>

　　這種引用方法是不用估計相對路徑的，「~」就至關於定位到了項目跟目錄，這時候你的圖片路徑就不會出現錯誤，就算打包也是正常的。

　CSS引入圖片

　　若是在CSS中引入圖片，方法和html中直接引入是同樣的，也是用「~」符號引入。

<style>
  .diss{
    width: 300px;
    height: 100px;
    background-image: url('~static/logo.png')
  }
</style>

　　這時候在npm run dev 下是徹底正常的，那咱們看一下打包。

　打包靜態HTML並運行

　　用Nuxt.js製做完成後，你能夠打包成靜態文件並放在服務器上，進行運行。
　　在終端中輸入：

npm run generate

　　會生成一個dist文件夾，裏邊就是生產的靜態html文件，直接放到服務器端進行運行了。

　　若是你不會Node或者其餘服務器知識，你能夠簡單安裝一個最簡單的服務器-live-server。

npm install -g live-server

　　而後在dist文件夾下輸入live-server就能夠了。